# Icon Morph

Ícone de dois estados que vira o outro em vez de trocar, como menu e fechar ou copiar e copiado.

- Nome no registry: `icon-morph`
- Tipo: componente
- Dependências npm: motion
- Demo: https://ui.visantlabs.com/c/icon-morph
- Categorias: controles, icone, botao, estado, micro-interacao

## Quando usar

- Use quando: Botão de ícone com dois estados que viram um no outro, como menu e fechar ou copiar e copiado
- Evite quando: Rótulo de texto trocando: text-morph; tema claro e escuro, eclipse-switch

## Instalar

```bash
npx shadcn@latest add @visant/icon-morph
```

## Usar

```tsx
<IconMorph
  size={22}
/>
```

## API

### IconMorph

- `name: "menu" | "play" | "plus" | "copy" | "theme" | "chevron"` — Qual par de estados desenhar.
- `size?: number` — Tamanho em px.
- `state?: boolean = false` — O segundo estado: fechar, pausar, check, lua, seta virada.
- `strokeWidth?: number` — Espessura do traço na grade de 24.