"use client";
import * as React from "react";
import { authClient } from "@/lib/auth-client";
import { Button } from "@/components/ui/button";

export function ResendVerificationButton({ email, variant = "outline", size = "xs" }: { email: string; variant?: "outline" | "primary" | "secondary" | "link"; size?: "xs" | "sm" | "default" }) {
  const [state, setState] = React.useState<"idle" | "sending" | "sent" | "error">("idle");
  return (
    <Button
      variant={variant}
      size={size}
      loading={state === "sending"}
      disabled={state === "sent"}
      onClick={async () => {
        setState("sending");
        const { error } = await authClient.sendVerificationEmail({ email, callbackURL: "/dashboard?verified=1" });
        setState(error ? "error" : "sent");
      }}
    >
      {state === "sent" ? "Email sent" : state === "error" ? "Try again" : "Resend verification"}
    </Button>
  );
}