import React from 'react';
import { Meta, Story } from '@storybook/react';
import { OrganismHamburguerMenu, IHamburguerMenuProps } from 'react/organisms/HamburguerMenu';
import { AtomLink } from 'react/atoms/Link';
const meta: Meta = {
  title: 'React/organisms/HamburguerMenu',
  component: OrganismHamburguerMenu,
  argTypes: {
    menuElements:{
    },
  },
  parameters: {
    controls: { expanded: true },
  },
  subcomponents: { AtomLink },
};

export default meta;

const TemplateHamburguerMenu: Story<IHamburguerMenuProps> = (props) => <OrganismHamburguerMenu {...props} />;

export const HamburguerMenu = TemplateHamburguerMenu.bind({});

HamburguerMenu.args = {
  menuElements: [
    {
      text: "Earn Points",
      url: '/',
      nameIconLeft: 'points'
    },
    {
      text: "Rewards",
      url: '/',
      nameIconLeft: 'rewards'
    },
    {
      text: "Offers",
      url: '/',
      nameIconLeft: 'offers'
    },
  ]
};