import { addDecorator } from '@storybook/react';
import { withKnobs } from '@storybook/addon-knobs';
import { withInfo } from '@storybook/addon-info';
import { withA11y } from '@storybook/addon-a11y';
import setupI18n from '../demo/i18n/config';
import '../demo/i18n/en';
import './style/story-root.scss';
import { withThemeSelector } from './theme-selector'
import { addParameters } from '@storybook/react';
import sageTheme from './sageTheme';
addParameters({
  options: {
    isFullscreen: false,
    panelPosition: 'bottom',
    showNav: true,
    showPanel: true,
    theme: sageTheme,
    storySort: (a, b) => {
      if (a[1].kind === 'Welcome' || b[1].kind === 'Welcome') {
        return 1;
      }
      return a[1].id.localeCompare(b[1].id);
      
    }
  }
});

setupI18n();

addDecorator(withKnobs);
addDecorator(withInfo({
  header: false,
  inline: true,
}));
addDecorator(withA11y);
addDecorator(withThemeSelector);

window.STORYBOOK_GA_ID = 'UA-77028225-13';
@@ -413,37 +413,438 @@
 ort 
-sageTheme from './sageTheme';
+%7B configureActions %7D from '@storybook/addon-actions';%0Aimport sageTheme from './sageTheme';%0A%0A// Temporary fix for issue mentioned in FE-2565 ticket%0A// Should be solved by the storybook team in foreseeable future%0A// https://github.com/storybookjs/storybook/issues/9948%0AconfigureActions(%7B%0A  // Maximum depth of serialization for large objects%0A  depth: 4,%0A  // Limit the number of items logged into the actions panel%0A  limit: 20,%0A%7D);%0A
 %0Aadd
@@ -1102,16 +1102,16 @@
       %7D%0A
+
       re
@@ -1151,15 +1151,8 @@
 d);%0A
-      %0A
     

solve action event serialization performance issues