> For the complete documentation index, see [llms.txt](https://kotus.gitbook.io/saas-starter-kit/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kotus.gitbook.io/saas-starter-kit/components/theme-switcher.md).

# ThemeSwitcher

## Description

The `ThemeSwitcher` component allows users to switch between different themes (e.g., light and dark mode) in the application.

## Example Usage

```typescript
import { ThemeSwitcher } from '@/src/components/theme-switcher';

function App() {
  return (
    <div>
      <ThemeSwitcher />
      {/* Other components */}
    </div>
  );
}
```

## How It Works

1. **Toggle Button**: The component renders a toggle button to switch between themes.
2. **Theme Change Handling**: When the button is toggled, the `handleThemeChange` function is called to update the application's theme.