# Drop Overlay

A camada que aparece quando um arquivo está sendo arrastado sobre a área.

- Nome no registry: `drop-overlay`
- Tipo: componente
- Dependências npm: lucide-react
- Demo: https://ui.visantlabs.com/c/drop-overlay
- Categorias: feedback, upload, dnd

## Quando usar

- Use quando: Área de upload que mostra a camada de soltar quando um arquivo é arrastado por cima
- Evite quando: Upload só por botão, sem arrasto; a área vazia antes do primeiro upload, empty-state

## Instalar

```bash
npx shadcn@latest add @visant/drop-overlay
```

## Usar

```tsx
<DropOverlay
  state="idle"
  doneMessage="Anexado"
  message="Solte pra anexar"
/>
```

## API

### DropOverlay

Alvo de soltar arquivo — a confirmação visual do drag-and-drop.

- `className?: string`
- `doneMessage?: string = "Recebido"`
- `message?: string = "Solte o arquivo aqui"`
- `state?: "idle" | "over" | "drop"` — Quando presente, manda em `visible`.
- `visible?: boolean` — Atalho para `state="over"`. Mantido porque é o uso de uma linha.