import type { Preview } from '@storybook/react'
import { defaultFont } from '@/assets/fonts'

const preview: Preview = {
  decorators: [
    (Story) => {
      return (
        <div className={defaultFont.className} style={{fontSize: 20}}>
          <Story />
        </div>
      )
    },
  ],
  parameters: {
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
    backgrounds: {
      values: [
        { name: "light", value: "#ffffff" },
        { name: "shade2", value: "#CBD6D5" },
        { name: 'dark', value: "#728F8D" }
      ],
      default: "light"
    }
  }
}

export default preview
