Click me
);
}
```
**💡 Tip**: Import from specific paths (e.g., `rizzui/button`) instead of the main entry point for better tree-shaking and smaller bundle sizes.
{children}
);
}
```
### Theme Switcher Component
Here's a ready-to-use theme switcher:
```jsx
'use client';
import React from 'react';
import { useTheme } from 'next-themes';
import { ActionIcon } from 'rizzui/action-icon';
import { Dropdown } from 'rizzui/dropdown';
import { MoonIcon, SunIcon } from '@heroicons/react/24/outline';
export function ThemeSwitcher() {
const { setTheme } = useTheme();
return (
Toggle theme
setTheme('light')}>Light
setTheme('dark')}>Dark
setTheme('system')}>System
);
}
```
