import React from "react";
import { ComponentStory, ComponentMeta } from "@storybook/react";
import {Checkbox} from "./Checkbox";
import {Center} from 'native-base';

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: "App/Forms/Checkbox",
  component: Checkbox,
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
  argTypes: {
    colorScheme: { control: "color" },
    size: { control: "select", options: ["xs", "sm", "md", "lg"] },
    onPress: { action: "clicked" }
  },
} as ComponentMeta<typeof Checkbox>;

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof Checkbox> = (args) => (
  <Center flex={1}>
    <Checkbox {...args}>Button</Checkbox>
  </Center>
);

export const Primary = Template.bind({ });
// More on args: https://storybook.js.org/docs/react/writing-stories/args
Primary.args = {
  colorScheme: "primary",
};