{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"formulario-de-perfil","type":"registry:component","title":"Formulário de perfil","description":"Inputs, selects nativos, textarea e switch num card com rodapé de ações.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["button","card","input","label","native-select","switch","textarea"],"files":[{"path":"components/formulario-de-perfil.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 { Textarea } from '@/components/ui/textarea'\nimport { Switch } from '@/components/ui/switch'\nimport { NativeSelect, NativeSelectOption } from '@/components/ui/native-select'\n\nexport default function FormPerfil() {\n  return (\n    <Card className=\"w-full max-w-xl\">\n      <CardHeader>\n        <CardTitle>Perfil</CardTitle>\n        <CardDescription>Como você aparece para o time e para os clientes.</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <form className=\"grid gap-4 sm:grid-cols-2\" onSubmit={(e) => e.preventDefault()}>\n          <div className=\"space-y-1.5\">\n            <Label htmlFor=\"nome\">Nome</Label>\n            <Input id=\"nome\" defaultValue=\"Ana Souza\" />\n          </div>\n          <div className=\"space-y-1.5\">\n            <Label htmlFor=\"cargo\">Cargo</Label>\n            <Input id=\"cargo\" defaultValue=\"Head de Vendas\" />\n          </div>\n          <div className=\"space-y-1.5 sm:col-span-2\">\n            <Label htmlFor=\"email\">E-mail</Label>\n            <Input id=\"email\" type=\"email\" defaultValue=\"ana@empresa.com\" />\n          </div>\n          <div className=\"space-y-1.5\">\n            <Label htmlFor=\"fuso\">Fuso horário</Label>\n            <NativeSelect id=\"fuso\" defaultValue=\"sp\">\n              <NativeSelectOption value=\"sp\">São Paulo (GMT-3)</NativeSelectOption>\n              <NativeSelectOption value=\"mao\">Manaus (GMT-4)</NativeSelectOption>\n              <NativeSelectOption value=\"lis\">Lisboa (GMT+0)</NativeSelectOption>\n            </NativeSelect>\n          </div>\n          <div className=\"space-y-1.5\">\n            <Label htmlFor=\"idioma\">Idioma</Label>\n            <NativeSelect id=\"idioma\" defaultValue=\"pt\">\n              <NativeSelectOption value=\"pt\">Português</NativeSelectOption>\n              <NativeSelectOption value=\"en\">English</NativeSelectOption>\n              <NativeSelectOption value=\"es\">Español</NativeSelectOption>\n            </NativeSelect>\n          </div>\n          <div className=\"space-y-1.5 sm:col-span-2\">\n            <Label htmlFor=\"bio\">Bio</Label>\n            <Textarea id=\"bio\" rows={3} defaultValue=\"Cuido do time de vendas enterprise. Café, pipeline e follow-up.\" />\n          </div>\n          <div className=\"flex items-center justify-between rounded-lg border p-3 sm:col-span-2\">\n            <div>\n              <div className=\"text-sm font-medium\">Perfil público</div>\n              <div className=\"text-xs text-muted-foreground\">Clientes veem seu nome e foto nas conversas.</div>\n            </div>\n            <Switch defaultChecked />\n          </div>\n        </form>\n      </CardContent>\n      <CardFooter className=\"justify-end gap-2 border-t\">\n        <Button variant=\"ghost\">Cancelar</Button>\n        <Button>Salvar alterações</Button>\n      </CardFooter>\n    </Card>\n  )\n}\n"}]}