import React from 'react';
import { Provider } from '../src/components/ui/provider'; // Adjust path if needed

/** @type { import('@storybook/react').Preview } */
const preview = {
  parameters: {
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
    backgrounds: {
      default: 'dark',
      values: [
        { name: 'dark', value: '#1a202c' },
        { name: 'light', value: '#ffffff' },
      ],
    },
  },
  decorators: [
    (Story) => (
        <Provider>
          <Story />
        </Provider>
    ),
  ],
};

export default preview;