import React from 'react';
import { withRouter } from 'storybook-addon-remix-react-router';
import type { Preview, Decorator } from '@storybook/react-vite'
import '../app/app.css'
import { BracktGradients } from '../app/components/ui/BracktGradients';

const withBracktGradients: Decorator = (Story) => (
  <>
    <BracktGradients />
    <Story />
  </>
);

const preview: Preview = {
  decorators: [withRouter, withBracktGradients],
  parameters: {
    controls: {
      matchers: {
       color: /(background|color)$/i,
       date: /Date$/i,
      },
    },

    a11y: {
      // 'todo' - show a11y violations in the test UI only
      // 'error' - fail CI on a11y violations
      // 'off' - skip a11y checks entirely
      test: 'todo'
    }
  },
};

export default preview;
