# Shader Duotone

Uma imagem refeita em duas cores do tema, a mais escura nas sombras e a outra nas luzes, sem sair em negativo no escuro.

- Nome no registry: `shader-duotone`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/shader-duotone
- Categorias: shaders, shader, webgl, imagem, duotone, duas-cores

## Quando usar

- Use quando: Foto de banco com a cara da marca em duas cores, em capa, hero ou card de campanha
- Evite quando: Duas tintas com grão de impressão: shader-riso; poucos tons por canal, shader-posterize

## Instalar

```bash
npx shadcn@latest add @visant/shader-duotone
```

## Usar

```tsx
<ShaderDuotone />
```

## API

### ShaderDuotone

- `src: string` — A imagem a refazer em duas cores. Fundo transparente vira papel.
- `alt?: string = "Imagem em duotone"` — Texto alternativo da imagem.
- `brightness?: number = 0` — Brilho antes de mapear: puxa a foto para a sombra ou para a luz.
- `colors?: string[]` — As duas cores, em qualquer ordem: a mais escura vira sombra. Qualquer cor CSS ou token.
- `contrast?: number = 50` — Contraste antes de mapear nas duas cores.
- `intensity?: number = 100` — Quanto do duotone cobre a foto original.