import Basic from './demo/basic';
import WithEnableConnectEnableLocale from './demo/with-enable-connect-enable-locale';
import AddonsCustomization from './demo/addons-customization';

export default {
  title: 'Blocklet-UI-React/Header',

  parameters: {
    layout: 'fullscreen',
    docs: {
      description: {
        component:
          'Used to render a page header for Blocklet based on Blocklet runtime information. It requires a blocklet environment to work properly.',
      },
    },
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/E8TSBWCOyXzETmVOjzbqvw/ArcBlock-UI-Kit?node-id=1504%3A4630',
    },
  },
  argTypes: {
    maxWidth: { control: 'select', options: ['xs', 'sm', 'md', 'lg', 'xl', false] },
  },
};

AddonsCustomization.argTypes = {
  overrideTheme: { control: 'boolean', defaultValue: false },
};

export { Basic, WithEnableConnectEnableLocale, AddonsCustomization };
