import ThemeToggle from '../components/ThemeToggle';

export default {
  title: 'Components/ThemeToggle',
  component: ThemeToggle,
  tags: ['autodocs'],
  parameters: { layout: 'centered' },
};

export const Default = {
  name: 'Theme Toggle',
  render: () => (
    <div style={{ display: 'flex', alignItems: 'center', gap: '16px' }}>
      <span style={{ fontSize: '14px', color: '#6b7280' }}>Toggle dark/light mode:</span>
      <ThemeToggle />
    </div>
  ),
};
