import type {Preview} from '@storybook/angular';
// import 'remixicon/fonts/remixicon.css';

const preview: Preview = {
  parameters: {
    actions: {argTypesRegex: '^on[A-Z].*'},
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
    // viewport: {
    //   viewports: INITIAL_VIEWPORTS,
    //   defaultViewport: 'responsive',
    // },
    backgrounds: {
      default: 'light',
      values: [
        { name: 'light', value: '#f8f9fa' },
        { name: 'dark', value: '#333333' },
      ],
    },
  },
};

export default preview;