# 📷 Side Card Screenshots

## Como Adicionar a Imagem do Side Card

Para que a documentação do Side Card em `src/app/shared/sidecard/README.md` exiba corretamente a imagem, siga estes passos:

### 1. Salvar a Imagem
Salve a screenshot do side card renderizado como:
```
projects/idt_app/samples_screem/side-card-driver-example.png
```

### 2. Especificações da Imagem
- **Nome**: `side-card-driver-example.png`
- **Formato**: PNG (para melhor qualidade)
- **Resolução**: Mínimo 400px de largura
- **Conteúdo**: Side card "Resumo do Motorista" completo

### 3. Exemplo da Imagem
A imagem deve mostrar:
- ✅ Header escuro com "Resumo do Motorista" e "Informações principais"
- ✅ Área da imagem com fundo dourado/laranja
- ✅ Campos organizados em duas colunas:
  - Vencimento da CNH: 20/05/2025
  - Motorista: ALEX SANDRO DE ARAUJO D URCO
  - Contrato: Teste
  - Categoria da CNH: D
  - Telefone: -
  - Status: (com badge colorido)

### 4. Como a Imagem é Referenciada
No arquivo `src/app/shared/sidecard/README.md`:
```markdown
![Side Card - Resumo do Motorista](../../../../samples_screem/side-card-driver-example.png)
```

### 5. Verificação
Após adicionar a imagem, verifique se:
- [ ] O arquivo `side-card-driver-example.png` existe em `samples_screem/`
- [ ] A imagem é visível na documentação
- [ ] O layout do side card está completo na screenshot
- [ ] A qualidade da imagem está adequada

---

**Nota**: Esta imagem serve como referência visual principal para desenvolvedores que queiram implementar o side card em outros domínios. 