import React from "react";
import { Story, Meta } from "@storybook/react/types-6-0";

import { ThemeProvider } from "../ThemeProvider";
import ButtonGroup, { ButtonGroupProps } from "./ButtonGroup";

import Button from "../button/Button";

export default {
  title: "Components/Input/ButtonGroup",
  component: ButtonGroup,
} as Meta;

const Template: Story<ButtonGroupProps> = (args) => {
  return (
    <ThemeProvider>
      <ButtonGroup>
        <Button>One</Button>
        <Button>Two</Button>
        <Button>Three</Button>
      </ButtonGroup>
    </ThemeProvider>
  );
};

export const Default = Template.bind({});
Default.args = {};