import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
import { AlertTriangle } from 'lucide-react';
import { SignUpForm } from './forms/signup-form';

interface SignUpPageProps {
  searchParams: Promise<{
    rd?: string;
  }>;
}

export default async function SignUp({ searchParams }: SignUpPageProps) {
  const { rd } = await searchParams;
  return (
    <>
      <div className="w-full">
        <SignUpForm redirectUrl={rd} />
      </div>
      <Alert className="mt-8" variant="warning">
        <AlertTriangle className="h-4 w-4" />
        <AlertTitle>Just created this dAPP?</AlertTitle>
        <AlertDescription>
          The first user to sign up will be the given the admin role. You can add other admins later.
        </AlertDescription>
      </Alert>
    </>
  );
}