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

export { default as Basic } from './demo/basic';
export { default as CustomOptions } from './demo/custom-options';
export { default as ManualClose } from './demo/manual-close';

export default {
  title: 'Feedback/Toast',
  parameters: {
    docs: {
      description: {
        component: 'A `iamhosseindhv/notistack` wrapper used to display notifications on web apps.',
      },
    },
  },
  decorators: [
    (Story) => (
      <ThemeProvider prefer="system">
        <Box>
          <ThemeModeToggle />
        </Box>
        <Story />
      </ThemeProvider>
    ),
  ],
};
