import { Canvas, Meta, Source, Story } from "@storybook/addon-docs/blocks";
import * as HelpMessageStories from "./HelpMessage.stories.tsx";

<Meta
  of={HelpMessageStories}
/>

# Help Message

<Source
  language="ts"
  code={`import { HelpMessage } from "@batoanng/mui-components";`}
/>


## How to use this component

This component is used to display help messages in various forms.

## Default

<Canvas of={HelpMessageStories.Default} />

## Html

<Canvas of={HelpMessageStories.Html} />

## Empty

If you pass nothing, it will return `null`.

<Canvas of={HelpMessageStories.Empty} />
