import * as React from "react";
import { storiesOf } from "@storybook/react";
import { Checkbox } from "../src/index";

import moment from "moment";
storiesOf("Checkbox", module).add("Checkbox", () => {
  return (
    <div id="app-wrapper">
      <div id="app" style={{ padding: "16px" }}>
      <Checkbox size='medium'>medium</Checkbox>
      <Checkbox size='small'>small</Checkbox>
      <Checkbox size='large'>large</Checkbox>

      <Checkbox.Group size='large' aria-label="Please select a programming language">
      <Checkbox size='small' value="python">python</Checkbox>
      <Checkbox value="java">java</Checkbox>
      <Checkbox value="angular">angular</Checkbox>
      <Checkbox value="c">c</Checkbox>
      <Checkbox value="other">other</Checkbox>
    </Checkbox.Group>
      </div>
    </div>
  );
});
