import { Story } from "@storybook/react";
import React from "react";

import { SquareButton } from "../SquareButton";
import * as fixtures from "./fixtures";
import { SidebarGzup, SidebarProps } from "./SidebarGzup";


import {ComponentMeta } from '@storybook/react';


const props: SidebarProps = {
  activeId: "menu1",
  menuItems: fixtures.menu,
  onMenuItemClick: () => undefined,
};

const StoryParams: ComponentMeta<typeof SidebarGzup> = {
  title: 'GzupSidebar',
  component: SidebarGzup,
  argTypes: {},
  decorators: [
    (Story) => (
      <Story />
    ),
  ],
};



export const Default: Story = () => <SidebarGzup {...props} />;
export const SubmenuSelected: Story = () => (
  <SidebarGzup {...props} activeId="menu21" />
);
export const WithToolbar: Story = () => (
  <SidebarGzup {...props} toolbar={<SquareButton>tool</SquareButton>} />
);

export default StoryParams;