import { CodeBlock, ConfigBlock } from "@src/helpers/DocBlocks";
import Card from "./Card";
import { ChildComponent } from "./mock";

# Card

> A Box with border and header title

<CodeBlock>
  <Card heading="heading">
    <div style={{ padding: "20px" }}>Hello</div>
  </Card>
</CodeBlock>

## With Child

<CodeBlock>
  <Card heading="Active Tools">{ChildComponent}</Card>
</CodeBlock>

## Without Header

<CodeBlock>
  <Card>{ChildComponent}</Card>
</CodeBlock>