{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "signup-3",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "registryDependencies": [
    "button",
    "field",
    "input",
    "card"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/SignupFormThreeCode.tsx",
      "content": "import { cn } from \"@/lib/utils\"\r\nimport { 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\nimport Link from \"next/link\"\r\nimport Image from \"next/image\"\r\n\r\nexport default function SignupForm({\r\n    className,\r\n    ...props\r\n}: React.ComponentProps<\"div\">) {\r\n    return (\r\n        <section>\r\n            <div className=\"bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10\">\r\n                <div className=\"flex w-full max-w-sm flex-col gap-6\">\r\n                    <Link href={\"/\"} className=\"flex items-center justify-center\">\r\n                        <Image src={\"https://tailwind-admin.com/images/logo/white-logo.svg\"} alt=\"Tailwindadmin white logo\" width={200} height={40} className=\"dark:block hidden\" />\r\n                    </Link>\r\n                    <div className={cn(\"flex flex-col gap-6\", className)} {...props}>\r\n                        <Card>\r\n                            <CardHeader className=\"text-center\">\r\n                                <CardTitle className=\"text-xl\">Create your account</CardTitle>\r\n                                <CardDescription>\r\n                                    Enter your email 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                                        </Field>\r\n                                        <Field>\r\n                                            <Field className=\"grid grid-cols-2 gap-4\">\r\n                                                <Field>\r\n                                                    <FieldLabel htmlFor=\"password\">Password</FieldLabel>\r\n                                                    <Input id=\"password\" type=\"password\" required />\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                                                </Field>\r\n                                            </Field>\r\n                                            <FieldDescription>\r\n                                                Must be at least 8 characters long.\r\n                                            </FieldDescription>\r\n                                        </Field>\r\n                                        <Field>\r\n                                            <Button type=\"submit\">Create Account</Button>\r\n                                            <FieldDescription className=\"text-center\">\r\n                                                Already have an account? <a href=\"#\">Sign in</a>\r\n                                            </FieldDescription>\r\n                                        </Field>\r\n                                    </FieldGroup>\r\n                                </form>\r\n                            </CardContent>\r\n                        </Card>\r\n                        <FieldDescription className=\"px-6 text-center\">\r\n                            By clicking continue, you agree to our <a href=\"#\">Terms of Service</a>{\" \"}\r\n                            and <a href=\"#\">Privacy Policy</a>.\r\n                        </FieldDescription>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    )\r\n}\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/signup-3/SignupFormThreeCode.tsx"
    }
  ]
}