//import { Input } from "@/components/ui/input";
//import { Label } from "@radix-ui/react-dropdown-menu";

// export const FormInput = (form: any, label: string) => {
//     // <form.Field
//     //     name="username"
//     //     validators={{
//     //         // We can choose between form-wide and field-specific validators
//     //         onChange: ({ value }) =>
//     //             value.length > 3
//     //                 ? undefined
//     //                 : "Username must be longer than 3 letters",
//     //     }}
//     //     children={(field) => {
//     //         return (
//     //             <div className="m-2 min-w-48 max-w-96 p-2">
//     //                 <Label htmlFor="username">{label}</Label>
//     //                 <Input
//     //                     name={field.name}
//     //                     value={field.state.value}
//     //                     onBlur={field.handleBlur}
//     //                     //type="number"
//     //                     onChange={(e) => field.handleChange(e.target.value)}
//     //                 />
//     //                 {field.state.meta.errors.length ? (
//     //                     <em>{field.state.meta.errors.join(",")}</em>
//     //                 ) : null}
//     //             </div>
//     //         );
//     //     }}
//     // />;
// };
