Auto Form

import * as z from 'zod'
import { AutoForm } from '@otfdashkit/ui'

const registrationSchema = z.object({
  name: z.string().min(2),
  email: z.email(),
  age: z.number().min(18).max(120),
  role: z.enum(['admin', 'editor', 'viewer']),
  newsletter: z.boolean().optional(),
  startDate: z.date().optional(),
})

export function Example() {
  return (
    <div className="max-w-sm">
      <AutoForm
        schema={registrationSchema}
        onSubmit={(data: unknown) => alert(JSON.stringify(data, null, 2))}
        defaultValues={{ role: 'viewer', newsletter: false }}
        submitLabel="Register"
      />
    </div>
  )
}