import React from "react";
// eslint-disable-next-line import/no-extraneous-dependencies
import { BrowserRouter } from "react-router-dom";
import MenuItems from "./MenuItems";
import MenuItemsMock from "./mock";
import { MenuItemsProps } from "./types";

export default {
  title: "Components/Menu/MenuItems",
  component: MenuItems,
};

const Template: React.FC<React.PropsWithChildren<MenuItemsProps>> = (args) => {
  return (
    <BrowserRouter>
      <MenuItems {...args} />
    </BrowserRouter>
  );
};

export const Default = Template.bind({});
Default.args = {
  items: MenuItemsMock,
  activeItem: "Trade",
};