import '@fontsource/material-icons';
import { CssBaseline, ThemeProvider } from '@mui/material';
import { withThemeFromJSXProvider } from '@storybook/addon-styling';
import type { Preview } from "@storybook/react";
import { aiseraTheme } from '../src/themes';
import './../src/styles/main.css';



const preview: Preview = {
  parameters: {
    actions: { argTypesRegex: "^on[A-Z].*" },
    controls: {
      expanded: true,
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/,
      },
    },
  },
};

export const decorators = [
  withThemeFromJSXProvider({
    themes: {
      // light: lightTheme,
      // dark: darkTheme,
      aisera: aiseraTheme
    },
    defaultTheme: 'aisera',
    Provider: ThemeProvider,
    GlobalStyles: CssBaseline,
  })];


export default preview;