import type { Preview } from '@storybook/react-vite';

import { PreviewDecorator } from './previewDecorator';

const preview: Preview = {
  decorators: [PreviewDecorator],
  globalTypes: {
    colorScheme: {
      description: 'Mantine color scheme',
      toolbar: {
        dynamicTitle: true,
        icon: 'paintbrush',
        items: [
          { icon: 'sun', title: 'Light', value: 'light' },
          { icon: 'moon', title: 'Dark', value: 'dark' },
        ],
        title: 'Color Scheme',
      },
    },
  },
  initialGlobals: {
    colorScheme: 'light',
  },
  parameters: {
    actions: { argTypesRegex: '^on[A-Z].*' },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
    layout: 'fullscreen',
    viewMode: 'desktop',
  },
};

export default preview;