{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"login-em-card","type":"registry:block","title":"Login em card","description":"E-mail, senha, lembrar-me e login social num card centralizado.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["button","card","checkbox","input","label","separator"],"files":[{"path":"components/blocks/login-em-card.tsx","type":"registry:component","content":"'use client'\n\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\nimport { Checkbox } from '@/components/ui/checkbox'\nimport { Separator } from '@/components/ui/separator'\n\nexport default function LoginCard() {\n  return (\n    <section className=\"flex w-full items-center justify-center px-6 py-20\">\n      <Card className=\"w-full max-w-sm\">\n        <CardHeader>\n          <CardTitle>Entrar</CardTitle>\n          <CardDescription>Use seu e-mail corporativo para acessar o painel.</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <form className=\"space-y-4\" onSubmit={(e) => e.preventDefault()}>\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"email\">E-mail</Label>\n              <Input id=\"email\" type=\"email\" placeholder=\"voce@empresa.com\" />\n            </div>\n            <div className=\"space-y-1.5\">\n              <div className=\"flex items-center justify-between\">\n                <Label htmlFor=\"password\">Senha</Label>\n                <a href=\"#\" className=\"text-xs text-muted-foreground hover:text-foreground\">\n                  Esqueci a senha\n                </a>\n              </div>\n              <Input id=\"password\" type=\"password\" placeholder=\"••••••••\" />\n            </div>\n            <Label className=\"font-normal\">\n              <Checkbox defaultChecked /> Manter conectado\n            </Label>\n            <Button type=\"submit\" className=\"w-full\">\n              Entrar\n            </Button>\n          </form>\n          <div className=\"my-4 flex items-center gap-3 text-xs text-muted-foreground\">\n            <Separator className=\"flex-1\" /> ou <Separator className=\"flex-1\" />\n          </div>\n          <div className=\"grid grid-cols-2 gap-2\">\n            <Button variant=\"outline\">Google</Button>\n            <Button variant=\"outline\">Microsoft</Button>\n          </div>\n        </CardContent>\n        <CardFooter className=\"justify-center text-sm text-muted-foreground\">\n          Não tem conta?&nbsp;\n          <a href=\"#\" className=\"text-foreground underline underline-offset-4\">\n            Criar agora\n          </a>\n        </CardFooter>\n      </Card>\n    </section>\n  )\n}\n"}]}