{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"cards-de-equipe","type":"registry:component","title":"Cards de equipe","description":"Três membros com avatar, cargo, tags e ações.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["avatar","badge","button","card"],"files":[{"path":"components/cards-de-equipe.tsx","type":"registry:component","content":"'use client'\n\nimport { Mail, MessageSquare } from 'lucide-react'\nimport { Avatar, AvatarFallback } from '@/components/ui/avatar'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent } from '@/components/ui/card'\n\nconst TEAM = [\n  { name: 'Ana Souza', role: 'Head de Vendas', tags: ['Enterprise', 'SP'], initials: 'AS' },\n  { name: 'Bruno Rocha', role: 'SDR', tags: ['Inbound'], initials: 'BR' },\n  { name: 'Carla Mendes', role: 'Customer Success', tags: ['Onboarding', 'RJ'], initials: 'CM' },\n]\n\nexport default function CardPerfilEquipe() {\n  return (\n    <div className=\"grid w-full max-w-3xl gap-4 sm:grid-cols-3\">\n      {TEAM.map((m) => (\n        <Card key={m.name}>\n          <CardContent className=\"flex flex-col items-center text-center\">\n            <Avatar className=\"size-16\">\n              <AvatarFallback className=\"text-lg\">{m.initials}</AvatarFallback>\n            </Avatar>\n            <h3 className=\"mt-3 font-medium\">{m.name}</h3>\n            <p className=\"text-sm text-muted-foreground\">{m.role}</p>\n            <div className=\"mt-3 flex flex-wrap justify-center gap-1\">\n              {m.tags.map((t) => (\n                <Badge key={t} variant=\"outline\">\n                  {t}\n                </Badge>\n              ))}\n            </div>\n            <div className=\"mt-4 flex gap-2\">\n              <Button variant=\"outline\" size=\"icon-sm\" aria-label=\"E-mail\">\n                <Mail />\n              </Button>\n              <Button variant=\"outline\" size=\"icon-sm\" aria-label=\"Mensagem\">\n                <MessageSquare />\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      ))}\n    </div>\n  )\n}\n"}]}