import React from "react";
import Button from "../components/Button/Button";
import AppsIcon from "./assets/Apps.svg";

export default {
  title: "Button",
  component: Button,
};

const Template = (args) => <Button {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  children: "Button",
};

export const WithIcon = Template.bind({});
WithIcon.args = {
  children: (
    <>
      <img src={AppsIcon} />
      Apps
    </>
  ),
};

export const OnlyIcon = Template.bind({});
OnlyIcon.args = {
  children: <img src={AppsIcon} />,
  variant: "icon",
};

export const Disabled = Template.bind({});
Disabled.args = {
  children: "Disabled",
  disabled: true,
};