> ## Documentation Index
> Fetch the complete documentation index at: https://docs.renchi.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# ThemeProvider

> Wraps the application with next-themes for dark mode support

Wraps the application with next-themes for dark mode support.

**Features:**

* Applies theme via class attribute on the root element (for Tailwind `dark:` prefix)
* Defaults to system to respect OS preference
* Persists user preference in localStorage
* Prevents flash of wrong theme on load

## Props

<ResponseField name="children" type="React.ReactNode" required={true}>
  children
</ResponseField>

## Usage

```tsx theme={null}
import { ThemeProvider } from '@/components/ThemeProvider';

export default function Example() {
  return (
    <ThemeProvider>
      <App />
    </ThemeProvider>
  );
}
```