@wix/design-system/dist/esm/SidebarDivider/docs/index.story.js

@wix/design-system

import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
import { header, tabs, tab, description, importExample, title, columns, divider, example, playground, api, testkit } from '@wix/wix-storybook-utils/Sections';
import { storySettings } from '../test/storySettings';
import * as examples from './examples';
import SidebarDivider from '..';
export default {
  category: "".concat(storySettings.category, "/Sidebar"),
  storyName: 'SidebarDivider',
  component: SidebarDivider,
  componentPath: '..',
  sections: [header(), tabs([tab({
    title: 'Description',
    sections: [columns([description({
      title: 'Description',
      text: 'A divider within the sidebar that supports inner and full mode.'
    })]), importExample("import { SidebarDivider } from '@wix/design-system';"), divider(), title('Examples'), example({
      title: 'Plain Example',
      text: 'A simple example for an inner sidebar divider',
      source: examples.plain
    }), example({
      title: 'Full-Width Divider',
      text: 'An example that demonstrates a divider with full width. Notice that in this mode, the divider has no margins',
      source: examples.fullWidth
    }), example({
      title: 'Light Skin',
      text: 'This example uses the `<Sidebar/>` to demonstrate the "light" skin design. Notice that when `<SidebarDivider/>` is contained inside `<Sidebar/>`, it affected by the `skin` prop accordingly',
      source: examples.lightSkin
    })]
  })].concat(_toConsumableArray([{
    title: 'API',
    sections: [api()]
  }, {
    title: 'Testkit',
    sections: [testkit()]
  }, {
    title: 'Playground',
    sections: [playground()]
  }].map(tab))))]
};