import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { text } from '@storybook/addon-knobs';
import ChecDivider from '../../components/ChecDivider.vue';

<Meta title="Components" component={ChecDivider} />

# Divider

<Props of={ChecDivider} />

<Preview>
  <Story name="Divider">
    {{
      components: {
        ChecDivider
      },
      props: {
        label: {
          default: text('Label', 'message')
        },
        containerClasses: {
          default: text('Container classes', 'mx-20 bg-gray-100 py-10')
        },
      },
      template: `
      <div :class="containerClasses">
        <ChecDivider>
          {{ label }}
        </ChecDivider>
      </div>`
    }}
  </Story>
</Preview>
