text: import themeLight from './theme-light';
  import themeDark from './theme-dark';
  import './styles.scss';
  
  const isDark = typeof window !== `undefined` ? window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches : null;
  
  export const parameters = {
    backgrounds: { disable: true },
    layout: 'centered',
    previewTabs: {
      "storybook/docs/panel": {
        index: -1
      },
      canvas: { title: "Sandbox" }
    },
    options: {
      storySort: {
        order: ['Welcome', 'Foundations', 'Components'],
        method: 'alphabetical'
      }
    },
    controls: { expanded: true, sort: 'requiredFirst' },
    darkMode: {
      current: isDark ? 'dark' : 'light',
      // Override the default dark theme
      dark: { ...themeDark },
      // Override the default light theme
      light: { ...themeLight },
      darkClass: 'dark-theme',
      lightClass: 'light-theme',
      stylePreview: true
    }
  };
  