# Eclipse

The next appearance crosses the page like an eclipse.

- ID: `theme-switch-eclipse`
- Import: `animui/theme-switch-eclipse`
- Category: Actions
- Runtime exports: `ThemeSwitch`, `default`
- Declaration: `types/free/components/theme-switch-eclipse.d.ts`
- Type provenance: emitted-original-typescript
- Related: theme-switch, theme-switch-split, theme-switch-rise

```tsx
import { ThemeSwitch } from 'animui/theme-switch-eclipse';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info theme-switch-eclipse` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { ThemeSwitch, default } from '../registry/components/theme-switch/theme-switch.js';
export type { Theme, ThemeSwitchProps, ThemeSwitchVariant } from '../registry/components/theme-switch/theme-switch.js';
```