import { CodeBlock, ConfigBlock } from "@src/helpers/DocBlocks";
import Button from "components/UI/Button";
import ModalHeader from "./ModalHeader";
// import { ContextMenuTest } from './Modal.storybook.js';

# Modal.Header

> A clickable UI element with active and hover states. Indicates to the user that it's clickable.

<CodeBlock>
  {(value, setValue) => (
    <ModalHeader onClose={() => setValue(false)} withSave>
      Hello, world!
    </ModalHeader>
  )}
</CodeBlock>

## Configuration

<ConfigBlock of={ModalHeader} />
