import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import { TableContentFromObject, FormOutput } from '../../../../../../tools/docTools';
import HeaderCategoriesMenu from '../HeaderCategoriesMenu';
import * as HeaderCategoriesMenuStories from './HeaderCategoriesMenu.stories';

export const settingsDocs = {};

<Meta of={HeaderCategoriesMenuStories} />

# HeaderCategoriesMenu

<br />

## `HeaderCategoriesMenu` are used to show all category links

<br />

### Default

<Canvas>
  <Story of={HeaderCategoriesMenuStories.Default} />
</Canvas>

## Usage Example

```jsx
import HeaderCategoriesMenu
from '@appdirect/sfb-theme-components/src/components/header/atoms/common/header-categories-menu/HeaderCategoriesMenu';

<HeaderCategoriesMenu />
```

## Props

<ArgsTable of={HeaderCategoriesMenu} />

## Schema

### Form Settings

<table>
  <TableContentFromObject obj={settingsDocs} />
</table>

### Form Output

<FormOutput code={HeaderCategoriesMenu.schema().form} />
