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

export default {
  title: 'Molecules/Header',
  component: Header,
  parameters: {
    layout: 'fullscreen',
  },
} as Meta;

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

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

Default.args = {};
