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


const dataSource = [
  { value: '10001', label: 'Lucy King' },
  { value: 10002, label: 'Lily King' },
  { value: 10003, label: 'Tom Cat', disabled: true },
  {
    label: 'Special Group',
    children: [
      { value: -1, label: 'FALSE' },
      { value: 0, label: 'ZERO' }
    ]
  }
]
function handleChange(current) {
  this.setState({
    current
  })
}

storiesOf("Pagination", module).add("Pagination", () => {
  
  return (
    <div id='app-wrapper'>
      <div id='app' style={{ padding: '16px',background:'#f3f3f3' }}>
      <Pagination theme='dark' size="large" current={2} onChange={handleChange} />
       </div>
      <br/>
      <br/>

      <br/>

      <Pagination disabled current={2}  size="small" onChange={handleChange} shape="arrow-only"/>
      <Pagination disabled current={2}  size="medium" onChange={handleChange} shape="arrow-only"/>
      <Pagination disabled current={2}  size="large" onChange={handleChange} shape="arrow-only"/>

    </div>
  );
});