import { Canvas, Meta, Story } from "@storybook/addon-docs";

import {
  Examples,
  Example,
  Title,
  CustomArgsTable,
  VariantsTable,
  VariantRow,
} from "@calcom/storybook/components";

import Logo from "./Logo";

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

<Title title="Logo" suffix="Brief" subtitle="Version 2.0 — Last Update: 28 Aug 2023" />

## Definition

Main Cal.com brand logo

<CustomArgsTable of={Logo} />

## Examples

<Examples>
  <Example title="Default">
    <Logo src={"https://app.cal.com/api/logo"} />
  </Example>
  <Example title="Small">
    <Logo src={"https://app.cal.com/api/logo"} small />
  </Example>
  <Example title="As an Icon">
    <Logo src={"https://app.cal.com/api/logo"} icon />
  </Example>
</Examples>

<Canvas>
  <Story
    name="Logo"
    args={{
      icon: false,
      src: "https://app.cal.com/api/logo",
      small: false,
    }}>
    {(args) => (
      <VariantsTable titles={[""]} columnMinWidth={150}>
        <VariantRow>
          <Logo {...args} />
        </VariantRow>
      </VariantsTable>
    )}
  </Story>
</Canvas>
