import Header, { HeaderWrapperProps } from '.';
import { ComponentStory, ComponentMeta } from '@storybook/react';

export default {
    title: 'Menu/Header',
    component: Header
} as ComponentMeta<typeof Header>;

const Template: ComponentStory<typeof Header> = (props) => {
    return <Header {...props} />;
};

export const Default = Template.bind({});
Default.args = {
    open: false,
    close: () => {},
    renderLogo: (ref) => (
        <a href="#" ref={ref}>
            <span className="sr-only">Your Company</span>
            <img className="h-8 w-auto sm:h-10" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600" alt="" />
        </a>
    ),
    navigation: [{ external: false, id: '1', title: 'fsdf' }],
    renderMenuItem: () => null,
    renderMobileMenuItem: () => null,
    renderToggle: () => null
} as HeaderWrapperProps;
