import type { Preview, ReactRenderer } from "@storybook/react-webpack5";
import { withThemeByClassName } from "@storybook/addon-themes";
import "../src/styles.css";
import { scan } from "react-scan";

scan({
  enabled: true,
});

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

  decorators: [
    withThemeByClassName<ReactRenderer>({
      themes: {
        light: "onvo-root-style",
        dark: "onvo-dark onvo-root-style",
      },
      defaultTheme: "light",
    }),
  ],
};

export default preview;