"use client"; import { useState } from "react"; import { toast } from "sonner"; import { createSchema, InferType } from "@buildnbuzz/buzzform"; import { Form, FormContent, FormFields, FormSubmit, } from "@/registry/base/form"; import { Button } from "@/components/ui/button"; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog"; // Newsletter subscription with checkbox consent const newsletterSchema = createSchema([ { type: "email", name: "email", label: "Email Address", placeholder: "you@example.com", required: true, }, { type: "checkbox", name: "consent", label: "I agree to receive marketing emails and can unsubscribe anytime.", required: true, }, ]); type NewsletterSchema = InferType; export default function NewsletterDialogExample() { const [open, setOpen] = useState(false); const handleSubmit = async (data: NewsletterSchema) => { await new Promise((resolve) => setTimeout(resolve, 800)); toast("Subscribed!", { description: (

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

), }); setOpen(false); }; return ( ); }