# Eclipse Switch

Chave de tema claro e escuro em que a lua cobre o sol num eclipse, sem mexer na página por conta própria.

- Nome no registry: `eclipse-switch`
- Tipo: componente
- Dependências npm: motion
- Demo: https://ui.visantlabs.com/c/eclipse-switch
- Categorias: controles, tema, modo-escuro, chave, eclipse, toggle

## Quando usar

- Use quando: Chave de tema claro e escuro no cabeçalho, com a lua cobrindo o sol
- Evite quando: Switch de configuração comum: liquid-toggle; trocar de marca, brand-selector

## Instalar

```bash
npx shadcn@latest add @visant/eclipse-switch
```

## Usar

```tsx
<EclipseSwitch />
```

## API

### EclipseSwitch

- `defaultTheme?: "light" | "dark" = "light"` — Tema inicial quando não controlada.
- `iconOnly?: boolean = false` — Só o eclipse, num quadrado. Sem o texto ao lado.
- `label?: string` — Nome acessível. Por padrão diz para qual tema vai.
- `onThemeChange?: (next: Theme, trigger: HTMLButtonElement) => void` — Chamado no clique com o próximo tema e o botão que disparou. Quem aplica o tema é você.
- `theme?: "light" | "dark"` — Tema atual. Passe para controlar; omita para a chave guardar o próprio estado.