import { Meta, Canvas, Props, Story } from "@storybook/blocks";
import {
  ComponentHeading,
  ComponentStatus,
  COMPONENT_STATUS,
} from "../../storybook-components";
import { THEME } from "../../types";
import { Flex } from "../Flex";
import { AptibleLogo } from "./AptibleLogo";

<Meta
  title="Deprecated/Components/To delete/Aptible Logo"
  component={AptibleLogo}
/>

<ComponentHeading
  componentName="Aptible Logo"
  description=""
  sourcePath="src/components/AptibleLogo/AptibleLogo.tsx"
  hideDemosLink
/>

<ComponentStatus status={COMPONENT_STATUS.DEPRECATED} />

```jsx
import { AptibleLogo } from "@conveyorhq/arrow-ds";
```

<Canvas>
  <Story name="AptibleLogo">
    <Flex className="justify-center bg-gray-900 p-12">
      <AptibleLogo height={40} />
    </Flex>
    <Flex className="justify-center bg-white p-12">
      <AptibleLogo height={40} theme={THEME.PRODUCT} />
    </Flex>
  </Story>
</Canvas>

## Props

<Props of={AptibleLogo} />