# ThemeToggle

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/ui/theme-toggle.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/ui/theme-toggle.tsx#L9)

## Diagram

```mermaid
graph TD
    component_ThemeToggle_a6ab26a["ThemeToggle"]
    class component_ThemeToggle_a6ab26a rootComponent
```

## Relationships

- RENDERS → `motion-button`
- RENDERS → `AnimatePresence`
- RENDERS → `motion-div`
- USES_HOOK → `useState`
- USES_HOOK → `useEffect`