{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "login-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/LoginFormOneCode.tsx",
      "content": "import { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport {\n  Field,\n  FieldDescription,\n  FieldGroup,\n  FieldLabel,\n} from \"@/components/ui/field\"\nimport { Input } from \"@/components/ui/input\"\n\nexport default function LoginForm({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <section>\n      <div className=\"max-w-[350px] mx-auto\">\n        <div className={cn(\"flex flex-col gap-6\", className)} {...props}>\n          <Card>\n            <CardHeader>\n              <CardTitle>Login to your account</CardTitle>\n              <CardDescription>\n                Enter your email below to login to your account\n              </CardDescription>\n            </CardHeader>\n            <CardContent>\n              <form>\n                <FieldGroup>\n                  <Field>\n                    <FieldLabel htmlFor=\"email\">Email</FieldLabel>\n                    <Input\n                      id=\"email\"\n                      type=\"email\"\n                      placeholder=\"m@example.com\"\n                      required\n                    />\n                  </Field>\n                  <Field>\n                    <div className=\"flex items-center\">\n                      <FieldLabel htmlFor=\"password\">Password</FieldLabel>\n                      <a\n                        href=\"#\"\n                        className=\"ml-auto inline-block text-sm underline-offset-4 hover:underline\"\n                      >\n                        Forgot your password?\n                      </a>\n                    </div>\n                    <Input id=\"password\" type=\"password\" required />\n                  </Field>\n                  <Field>\n                    <Button type=\"submit\">Login</Button>\n                    <Button variant=\"outline\" type=\"button\">\n                      Login with Google\n                    </Button>\n                    <FieldDescription className=\"text-center\">\n                      Don&apos;t have an account? <a href=\"#\">Sign up</a>\n                    </FieldDescription>\n                  </Field>\n                </FieldGroup>\n              </form>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/login/LoginFormCode.tsx"
    }
  ]
}