/**
 * Source code string shown in the Storybook Docs tab for the RegistrationForm story.
 *
 * Highlights cross-field Zod `.refine()` and file input wired through `<FieldControl>`.
 */
declare const registrationFormSource = "\nimport {\n  Form,\n  Field,\n  FieldLabel,\n  FieldControl,\n  useZodForm,\n  SimpleInput,\n  Button,\n  Box,\n  Text\n} from '@jtl-software/platform-ui-react';\nimport { z } from 'zod';\n\nconst registrationFormSchema = z\n  .object({\n    username: z.string().min(3, { message: 'Username must be at least 3 characters' }),\n    email: z.string().email({ message: 'Please enter a valid email address' }),\n    password: z.string().min(8, { message: 'Password must be at least 8 characters' }),\n    confirmPassword: z.string(),\n    avatar: z.instanceof(File).optional(),\n  })\n  .refine(data => data.password === data.confirmPassword, {\n    message: 'Passwords do not match',\n    path: ['confirmPassword'],\n  });\n\nconst RegistrationForm: React.FC = () => {\n  const form = useZodForm({\n    schema: registrationFormSchema,\n    defaultValues: { username: '', email: '', password: '', confirmPassword: '' },\n  });\n\n  const onSubmit = (data: z.infer<typeof registrationFormSchema>) => {\n    console.log(data);\n  };\n\n  return (\n    <Form form={form} onSubmit={onSubmit}>\n      <Box className=\"flex flex-col gap-4\">\n        <Field name=\"username\">\n          <FieldLabel required>Username</FieldLabel>\n          <FieldControl>\n            <SimpleInput placeholder=\"Enter your username\" />\n          </FieldControl>\n        </Field>\n\n        <Field name=\"email\">\n          <FieldLabel required>Email</FieldLabel>\n          <FieldControl>\n            <SimpleInput type=\"email\" placeholder=\"Enter your email\" />\n          </FieldControl>\n        </Field>\n\n        <Field name=\"password\">\n          <FieldLabel required>Password</FieldLabel>\n          <FieldControl>\n            <SimpleInput type=\"password\" placeholder=\"Enter your password\" />\n          </FieldControl>\n        </Field>\n\n        <Field name=\"confirmPassword\">\n          <FieldLabel required>Confirm Password</FieldLabel>\n          <FieldControl>\n            <SimpleInput type=\"password\" placeholder=\"Confirm your password\" />\n          </FieldControl>\n        </Field>\n\n        <Field name=\"avatar\">\n          <FieldLabel>Avatar</FieldLabel>\n          <FieldControl>\n            <SimpleInput type=\"file\" />\n          </FieldControl>\n        </Field>\n\n        <Button type=\"submit\" label=\"Register\" />\n      </Box>\n    </Form>\n  );\n};\n";
export default registrationFormSource;