import { A } from '@solidjs/router';

export default function OnboardingDeprecatedPage() {
  return (
    <div class="w-full space-y-4">
      <div>
        <h1 class="text-[28px] font-bold leading-tight text-[#111827]">Onboarding Management Deprecated</h1>
        <p class="mt-1 text-[14px] text-[#6B7280]">
          Legacy onboarding schema management is no longer used in the active platform flow.
        </p>
      </div>

      <div style="border-radius:12px;border:1px solid #FDE68A;background:#FFFBEB;padding:16px">
        <p style="margin:0;color:#92400E;font-size:14px;line-height:1.6">
          Current flow: user signs up with intent, lands on role dashboard, completes My Profile/My Portfolio,
          then enters Verification and final Approval workflows.
        </p>
      </div>

      <div style="display:flex;gap:10px;flex-wrap:wrap">
        <A
          href="/admin/external-dashboard-management"
          style="display:inline-flex;align-items:center;justify-content:center;height:38px;border-radius:10px;background:#0D0D2A;color:white;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none"
        >
          Open External Dashboard Management
        </A>
        <A
          href="/admin/external-roles"
          style="display:inline-flex;align-items:center;justify-content:center;height:38px;border-radius:10px;border:1px solid #E5E7EB;background:white;color:#374151;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none"
        >
          Open External Role Management
        </A>
      </div>
    </div>
  );
}
