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

import HeaderAuxiliaryBar from '../HeaderAuxiliaryBar';
import { headerAuxiliaryBarDataMock } from '../../../../../../mocks/components/header';

export const settingsDocs = {};

<Meta of={HeaderAuxiliaryBarStories} />

# HeaderAuxiliaryBar

<br />

## `HeaderAuxiliaryBars` are used to display the language switcher and quick links

<br />

### Default

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

## Usage Example

```jsx
import HeaderAuxiliaryBar
from '@appdirect/sfb-theme-components/src/components/header/atoms/header-auxiliary-bar/HeaderAuxiliaryBar';

<HeaderAuxiliaryBar />
```

## Props

<ArgsTable of={HeaderAuxiliaryBar} />

## Schema

### Form Settings

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

### Form Output

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