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

import Checkbox, { CheckboxProps } from "./Checkbox";

import { ThemeProvider } from "../ThemeProvider";

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

const Template: Story<CheckboxProps> = (args) => {
  return (
    <ThemeProvider>
      <Checkbox {...args} />
    </ThemeProvider>
  );
};

export const Default = Template.bind({});
Default.args = {
  children: "Agree to the terms",
  checked: true,
  onChange: () => {
    console.log("do something");
  },
};