# Book Shelf

Estante em vez de vitrine: os itens soltos, sem moldura, e o rótulo só no hover, porque o objeto já tem silhueta e a moldura passa a competir com ela.

- Nome no registry: `book-shelf`
- Tipo: componente
- Dependências npm: @react-three/drei@^9.122.0, @react-three/fiber@^8.18.0, three@^0.170.0
- Demo: https://ui.visantlabs.com/c/book-shelf
- Categorias: conteudo, estante, prateleira, catalogo, grade, hover

## Quando usar

- Use quando: Catálogo de livros ou produtos com silhueta, soltos como numa estante, rótulo só no hover
- Evite quando: Item que precisa de moldura e texto visível: showcase-card; objeto único em 3D, book-3d

## Instalar

```bash
npx shadcn@latest add @visant/book-shelf
```

## Usar

```tsx
<BookShelf
  columns="grid-cols-2 sm:grid-cols-4"
/>
```

## API

### BookShelf

- `items: ShelfItem[]`
- `className?: string`
- `columns?: string = "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4"` — Classes de grade. O default é uma estante confortável em três larguras.
- `empty?: any` — O que mostrar quando não há nada. Estante vazia sem isto é uma área morta que parece carregamento travado.