'use client';

import Link from 'next/link';
import { AuthShell } from '@/components/auth/auth-shell';
import { Button } from '@/components/ui/button';

export default function SignUpPage() {
  return (
    <AuthShell
      title="Workspace Provisioned"
      subtitle="This clone now runs in local-operator mode and does not require account creation."
      footer={(
        <>
          Already set?{' '}
          <Link href="/" className="text-[color:var(--accent)] hover:text-[color:var(--accent-strong)]">
            Launch dashboard
          </Link>
        </>
      )}
    >
      <p className="text-sm text-[color:var(--terminal-muted)]">
        For production deployment you can reintroduce Better Auth, but the rebuilt stack is intentionally self-contained for fast iteration.
      </p>

      <Link href="/" className="mt-6 block">
        <Button type="button" className="w-full">
          Open fiscal desk
        </Button>
      </Link>
    </AuthShell>
  );
}
