{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import { Button } from \"~/registry/ui/button/button\";\nimport { Card } from \"~/registry/ui/card\";\nimport { Input } from \"~/registry/ui/input\";\nimport { Label } from \"~/registry/ui/label/label\";\n\nexport function CardDemo() {\n  return (\n    <Card.Root className=\"w-full max-w-sm\">\n      <Card.Header>\n        <Card.Title>Login to your account</Card.Title>\n        <Card.Description>\n          Enter your email below to login to your account\n        </Card.Description>\n        <Card.Action>\n          <Button variant=\"link\">Sign Up</Button>\n        </Card.Action>\n      </Card.Header>\n      <Card.Content>\n        <form>\n          <div className=\"flex flex-col gap-6\">\n            <div className=\"grid gap-2\">\n              <Label htmlFor=\"email\">Email</Label>\n              <Input\n                id=\"email\"\n                placeholder=\"m@example.com\"\n                required\n                type=\"email\"\n              />\n            </div>\n            <div className=\"grid gap-2\">\n              <div className=\"flex items-center\">\n                <Label htmlFor=\"password\">Password</Label>\n                <a\n                  className=\"ml-auto inline-block text-sm underline-offset-4 hover:underline\"\n                  href=\"/reset-password\"\n                >\n                  Forgot your password?\n                </a>\n              </div>\n              <Input id=\"password\" required type=\"password\" />\n            </div>\n          </div>\n        </form>\n      </Card.Content>\n      <Card.Footer className=\"flex-col gap-2\">\n        <Button className=\"w-full\" type=\"submit\">\n          Login\n        </Button>\n        <Button className=\"w-full\" variant=\"outline\">\n          Login with Google\n        </Button>\n      </Card.Footer>\n    </Card.Root>\n  );\n}\n",
      "path": "src/registry/examples/card/card-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "card-demo",
  "registryDependencies": [
    "@kanpeki/card"
  ],
  "type": "registry:example"
}