import Link from "next/link"
import { Mail } from "lucide-react"
import { AuthShell } from "@/components/auth/auth-shell"
import { Button } from "@/components/ui/button"

export default function SignUpSuccessPage() {
  return (
    <AuthShell title="Check your inbox" subtitle="We've sent a confirmation link.">
      <div className="flex flex-col items-center gap-5 text-center">
        <div className="flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary">
          <Mail className="h-6 w-6" aria-hidden="true" />
        </div>
        <p className="text-pretty text-sm text-muted-foreground">
          Click the link in the email to confirm your account. After confirming,
          come back and sign in.
        </p>
        <Button asChild className="w-full">
          <Link href="/auth/login">Go to sign in</Link>
        </Button>
      </div>
    </AuthShell>
  )
}