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

export default {
  title: 'ArcBlock/BlockletV2',

  parameters: {
    docs: {
      description: {
        component: 'Blocklet component is used to display Blocklet Information version 2',
      },
    },
    design: {
      type: 'figma',
      url: 'https://www.figma.com/design/PwflHZjO9haj9tVYNhY6ft/Store?node-id=42-291&node-type=canvas&t=etFp6EEIoArJeDjp-0',
    },
  },
  decorators: [
    (Story) => (
      <ThemeProvider prefer="system">
        <Box sx={{ py: 1 }}>
          <ThemeModeToggle />
        </Box>
        <Story />
      </ThemeProvider>
    ),
  ],
};

Basic.storyName = 'BlockletV2';

export { Basic };
