import React from 'react';
import { Meta, StoryFn } from '@storybook/react';
import { Nav } from './Nav';
import { Button } from '../../atoms';

export default {
  title: 'Molecules/Nav',
  component: Nav,
} as Meta;

const Template: StoryFn = (args) => (
  <Nav {...args}>
    <Button variant='nav'>Nav1</Button>
    <Button variant='nav' active>
      Nav2
    </Button>
    <Button variant='nav'>Nav3</Button>
  </Nav>
);

export const Default = Template.bind({});

Default.args = {};
