import React from "react";
import { Meta, Story } from "@storybook/react";
import {
  OrganismHamburguerMenu,
  IHamburguerMenuProps,
} from "native/organisms/HamburguerMenu";
import { AtomLink } from "native/atoms/Link";
const meta: Meta = {
  title: "React Native/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",
    },
  ],
};
