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

storiesOf("Progress", module).add("Progress", () => {
  return (
    <div id='app-wrapper'>
      <div id='app' style={{ padding: '16px' }}>
        <p>基本</p>
        <Progress percent={30} textRender={() => ''} />
        <Progress percent={50} />
        <Progress percent={90} />
        <Progress percent={40} />
        <Progress percent={40} hasBorder size="large" />
        <p>圆形进度条</p>
        <Progress percent={30} shape="circle" /> &nbsp;&nbsp;
        <Progress percent={50} shape="circle" /> &nbsp;&nbsp;
        <Progress percent={80} shape="circle" textRender={() => ''} />
        &nbsp;&nbsp;
        <Progress
          percent={100}
          shape="circle"
          textRender={() => <Icon type="select" size="xl" />}
        />      
      </div>
    </div>
  );
});
