import { CodeBlock, ConfigBlock } from "@src/helpers/DocBlocks";

import Box from "@src/components/UI/Box";
import Skeleton from "./Skeleton";

> Skeleton

<CodeBlock>
  <Skeleton height="72px" width="303px" />
</CodeBlock>

> With Animation

<CodeBlock>
  <Skeleton height="80px" width="400px" animation={true} />
</CodeBlock>

> Default Rectangle shape

<CodeBlock>
  <Skeleton />
</CodeBlock>

> Circle

<CodeBlock>
  <Skeleton circle size="50px" />
</CodeBlock>

> Circle with Animation

<CodeBlock>
  <Skeleton circle size="50px" animation />
</CodeBlock>

> Default Circle Shape

<CodeBlock>
  <Skeleton circle />
</CodeBlock>