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="dark:text-inverted flex">
          Text left
          <VerticalDivider />
          Text right
        </div>
      </VariantRow>
    </VariantsTable>
  </Story>
</Canvas>