import { Box } from '@mui/material';
import { ThemeModeToggle } from '../Config';
import { ThemeProvider } from '../Theme';

export { default as Basic } from './demo/basic';
export { default as CustomButtonText } from './demo/custom-button-text';
export { default as CustomStyles } from './demo/custom-styles';
export { default as I18N } from './demo/i18n';

export default {
  title: 'Basic/CookieConsent',

  parameters: {
    docs: {
      description: {
        component: 'CookieConsent is used to alert users about the use of cookies on your website.',
      },
      inlineStories: false,
      iframeHeight: 400,
    },
  },

  decorators: [
    (Story) => (
      <ThemeProvider prefer="system">
        <Box sx={{ mb: 1 }}>
          <ThemeModeToggle />
        </Box>
        <Story />
      </ThemeProvider>
    ),
  ],
};
