import '../src/index.scss'

export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
  controls: {
    matchers: {
      color: /(background|color)$/i,
      date: /Date$/,
    },
  },
  options: {
    storySort: (a, b) => {
      const roots = ['Getting Started', 'Components'];

      const aParts = a.title.split('/');
      const bParts = b.title.split('/');
      if (aParts[0] !== bParts[0]) {
        return roots.indexOf(aParts[0]) - roots.indexOf(bParts[0]);
      }
      if (aParts[1] !== bParts[1]) {
        return aParts[1].localeCompare(bParts[1]);
      }
      return 0;
    }
  }
}