import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import DesktopNav from '../DesktopNav';
import { featuresMock } from '../../../../mocks/product/faq';

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

# DesktopNav
<br />

## `DesktopNav` are used to create a navigation menu.
<br />

### Default
<Canvas>
    <Story name="Default">
        <DesktopNav items={featuresMock.items} />
    </Story>
</Canvas>


## Usage Example

```jsx
import DesktopNav from '@appdirect/sfb-theme-components/src/atoms/desktopNav/DesktopNav';

<DesktopNav items={[
    { name: 'General Questions' },
    { name: 'Specific Questions' },
    { name: 'Random' }
]}
/>
```
## Props

<ArgsTable of={DesktopNav} />
