"use client"; import { useState } from "react"; import { zodResolver } from "@hookform/resolvers/zod"; import { useForm } from "react-hook-form"; import { toast } from "sonner"; import { z } from "zod"; import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@/components/ui/alert-dialog"; import { Button } from "@/components/ui/button"; import { Form, FormControl, FormDescription, FormField, FormItem, FormMessage } from "@/components/ui/form"; import { InputOTP, InputOTPGroup, InputOTPSlot } from "@/components/ui/input-otp"; const FormSchema = z.object({ pin: z.string().min(6, { message: "Your one-time password must be 6 characters." }) }); export default function AlertDialogDemo() { const [open, setOpen] = useState(true); const form = useForm>({ resolver: zodResolver(FormSchema), defaultValues: { pin: "" } }); function onSubmit(data: z.infer) { toast("You submitted the following values", { description: (

          {JSON.stringify(data, null, 2)}

) }); } return ( One-Time Password ); }