# Testimonial Wall

Parede de prova social com tipos misturados: citação, número, retrato e depoimento em vídeo na mesma malha, em colunas ou em grade que ocupa a altura, com faixa de fechamento.

- Nome no registry: `testimonial-wall`
- Tipo: bloco
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/testimonial-wall
- Categorias: conteudo, depoimento, prova-social, masonry

## Quando usar

- Use quando: Parede de prova social com citação, número, retrato e vídeo misturados numa landing
- Evite quando: Um depoimento forte só: quote-block; logos de clientes, logo-wall

## Instalar

```bash
npx shadcn@latest add @visant/testimonial-wall
```

## Usar

```tsx
<TestimonialWall />
```

## API

### TestimonialWall

- `items: TestimonialItem[]`
- `columns?: "2" | "3" | "4" = 4` — Teto de colunas. A largura do container é quem decide quantas cabem.
- `empty?: any` — O que aparece quando ainda não há depoimento nenhum.
- `footer?: any` — Faixa que fecha a parede embaixo: nota média, logos, link.
- `layout?: "masonry" | "bento" = "masonry"` — `masonry` (padrão): colunas de CSS, altura de cada card pelo conteúdo. `bento`: grade que divide a altura do container; o retrato ocupa duas linhas (ou o que `span` disser) e os cards esticam até a borda. Use com altura definida.

### TestimonialWall

- `items: TestimonialItem[]`
- `columns?: "2" | "3" | "4" = 4` — Teto de colunas. A largura do container é quem decide quantas cabem.
- `empty?: any` — O que aparece quando ainda não há depoimento nenhum.
- `footer?: any` — Faixa que fecha a parede embaixo: nota média, logos, link.
- `layout?: "masonry" | "bento" = "masonry"` — `masonry` (padrão): colunas de CSS, altura de cada card pelo conteúdo. `bento`: grade que divide a altura do container; o retrato ocupa duas linhas (ou o que `span` disser) e os cards esticam até a borda. Use com altura definida.