{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "signup-1",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "registryDependencies": [
    "card",
    "button",
    "field",
    "input"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/SignupFormOneCode.tsx",
      "content": "import { Button } from \"@/components/ui/button\"\r\nimport {\r\n    Card,\r\n    CardContent,\r\n    CardDescription,\r\n    CardHeader,\r\n    CardTitle,\r\n} from \"@/components/ui/card\"\r\nimport {\r\n    Field,\r\n    FieldDescription,\r\n    FieldGroup,\r\n    FieldLabel,\r\n} from \"@/components/ui/field\"\r\nimport { Input } from \"@/components/ui/input\"\r\n\r\nexport default function SignupForm({ ...props }: React.ComponentProps<typeof Card>) {\r\n    return (\r\n        <section>\r\n            <div className=\"max-w-sm mx-auto\">\r\n                <Card {...props}>\r\n                    <CardHeader>\r\n                        <CardTitle>Create an account</CardTitle>\r\n                        <CardDescription>\r\n                            Enter your information below to create your account\r\n                        </CardDescription>\r\n                    </CardHeader>\r\n                    <CardContent>\r\n                        <form>\r\n                            <FieldGroup>\r\n                                <Field>\r\n                                    <FieldLabel htmlFor=\"name\">Full Name</FieldLabel>\r\n                                    <Input id=\"name\" type=\"text\" placeholder=\"John Doe\" required />\r\n                                </Field>\r\n                                <Field>\r\n                                    <FieldLabel htmlFor=\"email\">Email</FieldLabel>\r\n                                    <Input\r\n                                        id=\"email\"\r\n                                        type=\"email\"\r\n                                        placeholder=\"m@example.com\"\r\n                                        required\r\n                                    />\r\n                                    <FieldDescription>\r\n                                        We&apos;ll use this to contact you. We will not share your email\r\n                                        with anyone else.\r\n                                    </FieldDescription>\r\n                                </Field>\r\n                                <Field>\r\n                                    <FieldLabel htmlFor=\"password\">Password</FieldLabel>\r\n                                    <Input id=\"password\" type=\"password\" required />\r\n                                    <FieldDescription>\r\n                                        Must be at least 8 characters long.\r\n                                    </FieldDescription>\r\n                                </Field>\r\n                                <Field>\r\n                                    <FieldLabel htmlFor=\"confirm-password\">\r\n                                        Confirm Password\r\n                                    </FieldLabel>\r\n                                    <Input id=\"confirm-password\" type=\"password\" required />\r\n                                    <FieldDescription>Please confirm your password.</FieldDescription>\r\n                                </Field>\r\n                                <FieldGroup>\r\n                                    <Field>\r\n                                        <Button type=\"submit\">Create Account</Button>\r\n                                        <Button variant=\"outline\" type=\"button\">\r\n                                            Sign up with Google\r\n                                        </Button>\r\n                                        <FieldDescription className=\"px-6 text-center\">\r\n                                            Already have an account? <a href=\"#\">Sign in</a>\r\n                                        </FieldDescription>\r\n                                    </Field>\r\n                                </FieldGroup>\r\n                            </FieldGroup>\r\n                        </form>\r\n                    </CardContent>\r\n                </Card>\r\n            </div>\r\n        </section>\r\n    )\r\n}",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/signup-1/SignupFormOneCode.tsx"
    }
  ]
}