import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
import { Examples, Example, Note, Title,CustomArgsTable,VariantsTable,VariantRow } from '@calcom/storybook/components'
import {Divider, VerticalDivider} from './Divider';

<Meta title="UI/Divider" component={Divider} />

<Title title="Divider" suffix="Brief" subtitle="Version 2.0 — Last Update: 05 jan 2023"/>

## Definition
Shows the current copy right as well as app version name.

<Canvas>
  <Story
    name="Divider">
    <VariantsTable titles={[]} columnMinWidth={150}>
      <VariantRow variant="Horizontal">
        <div className="dark:text-inverted">
          Text above
          <Divider />
          Text below
        </div>
      </VariantRow>
      <VariantRow variant="Vertical">
        <div className="flex dark:text-inverted">
          Text left
          <VerticalDivider />
          Text right
        </div>
      </VariantRow>
    </VariantsTable>
  </Story>
</Canvas>
