import { configure, addParameters } from '@storybook/react';
import '@storybook/addon-console';
import { create } from '@storybook/theming';
import '!style-loader!css-loader!sass-loader!./iframe.scss';
addParameters({
  options: {
    isFullscreen: false,
    showAddonsPanel: true,
    showSearchBox: false,
    panelPosition: 'bottom',
    hierarchySeparator: /\./,
    // hierarchyRootSeparator: /\|/,
    enableShortcuts: true,
    theme: create({
      base: 'light',
      brandTitle: 'L7 POC for new architecture',
      brandUrl: 'https://github.com/xiaoiver/L7-POC',
      gridCellSize: 12,
    })
  },
});

// automatically import all files ending in *.stories.tsx
const req = require.context('../stories', true, /\.stories\.tsx$/);

function loadStories() {
  req.keys().forEach(req);
}

configure(loadStories, module);