text: import React from 'react';
  import { addDecorator, addParameters } from '@storybook/react';
  import { Global, ThemeProvider, themes, createReset, convert } from '@storybook/theming';
  import { withCssResources } from '@storybook/addon-cssresources';
  import { withA11y } from '@storybook/addon-a11y';
  import { withNotes } from '@storybook/addon-notes';
  import { DocsPage } from '@storybook/addon-docs/blocks';
  
  import addHeadWarning from './head-warning';
  
  if (process.env.NODE_ENV === 'development') {
    if (!process.env.DOTENV_DEVELOPMENT_DISPLAY_WARNING) {
      addHeadWarning('dotenv-env', 'Dotenv development file not loaded');
    }
  
    if (!process.env.STORYBOOK_DISPLAY_WARNING) {
      addHeadWarning('env-glob', 'Global storybook env var not loaded');
    }
  
    if (process.env.DISPLAY_WARNING) {
      addHeadWarning('env-extra', 'Global non-storybook env var loaded');
    }
  }
  
  addHeadWarning('preview-head-not-loaded', 'Preview head not loaded');
  addHeadWarning('dotenv-file-not-loaded', 'Dotenv file not loaded');
  
  addDecorator(withCssResources);
  addDecorator(withA11y);
  addDecorator(withNotes);
  
  addDecorator(storyFn => (
    <ThemeProvider theme={convert(themes.light)}>
      <Global styles={createReset} />
      {storyFn()}
    </ThemeProvider>
  ));
  
  addParameters({
    a11y: {
      config: {},
      options: {
        checks: { 'color-contrast': { options: { noScroll: true } } },
        restoreScroll: true,
      },
    },
    options: {
      showRoots: true,
      theme: themes.light, // { base: 'dark', brandTitle: 'Storybook!' },
      storySort: (a, b) =>
        a[1].kind === b[1].kind ? 0 : a[1].id.localeCompare(b[1].id, { numeric: true }),
    },
    backgrounds: [
      { name: 'storybook app', value: themes.light.appBg, default: true },
      { name: 'light', value: '#eeeeee' },
      { name: 'dark', value: '#222222' },
    ],
    docs: {
      page: () => <DocsPage subtitleSlot={({ selectedKind }) => `Subtitle: ${selectedKind}`} />,
    },
  });
  