"use client"; import { toast } from "sonner"; import { createSchema, InferType } from "@buildnbuzz/buzzform"; import { Form, FormContent, FormFields, FormSubmit, } from "@/registry/base/form"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; // Product quantity and pricing form const productSchema = createSchema([ { type: "number", name: "quantity", label: "Quantity", required: true, min: 1, max: 100, defaultValue: 1, }, { type: "number", name: "price", label: "Price", required: true, min: 0, precision: 2, ui: { prefix: "$", variant: "plain", thousandSeparator: ",", hideSteppers: true, }, }, { type: "number", name: "discount", label: "Discount", min: 0, max: 100, defaultValue: 0, ui: { suffix: "%", variant: "stacked", step: 5, }, }, ]); type ProductSchema = InferType; export default function ProductFormCard() { const handleSubmit = async (data: ProductSchema) => { await new Promise((resolve) => setTimeout(resolve, 500)); toast("Order calculated!", { description: (

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

), }); }; return ( Product Order Configure quantity, price, and discount. ); }