import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import MobileNav from '../MobileNav';
import { mobileNavMock } from '../../../../mocks/menu/mobileNav';

<Meta title="Atoms/MobileNav" component={MobileNav} />

# MobileNav
<br />

## `MobileNavs` create a dropdown menu navigation for mobile.
<br />

### Default
<Canvas>
    <Story name="Default">
        <MobileNav items={mobileNavMock.items} />
    </Story>
</Canvas>

## Usage Example

```jsx
import MobileNav from '@appdirect/sfb-theme-components/src/atoms/mobileNav/MobileNav';

<MobileNav items={[
    {label: 'One', value: '1'},
    {label: 'Two', value: '2'},
    {label: 'Three', value: '3'},
]} />
```
## Props

<ArgsTable of={MobileNav} />
