# Components

Componentes React reutilizáveis da aplicação.

---

## 📁 Estrutura

| Diretório | Descrição |
|-----------|-----------|
| `ui/` | Primitivos shadcn/ui (Button, Card, Dialog, etc.) |
| `forms/` | Componentes de formulário |
| `*.tsx` | Componentes de feature específicos |

---

## 🎨 Componentes UI (shadcn/ui)

Componentes base do design system, instalados via:
```bash
npx shadcn-ui@latest add [component]
```

| Componente | Uso |
|------------|-----|
| `Button` | Botões com variantes |
| `Card` | Containers de conteúdo |
| `Dialog` | Modais |
| `Input` | Campos de texto |
| `Select` | Dropdowns |
| `Table` | Tabelas de dados |
| `Tabs` | Navegação por abas |
| `Toast` | Notificações |

---

## 🧩 Componentes de Feature

| Componente | Descrição |
|------------|-----------|
| `sidebar.tsx` | Navegação lateral do dashboard |
| `dashboard-header.tsx` | Header do dashboard |
| `job-card.tsx` | Card de vaga de emprego |
| `application-card.tsx` | Card de candidatura |

---

## ✅ Convenções

1. **Nomenclatura**: kebab-case para arquivos (`job-card.tsx`)
2. **Exports**: Named exports para componentes
3. **Props**: Interface definida no mesmo arquivo
4. **Estilização**: Tailwind CSS + cn() utility