import * as React from 'react'
import { storiesOf } from '@storybook/react'
import Progress from './progress'

storiesOf('Progress', module)
  .add('Simple', () => (
    <div>
      <div style={{width: 250}}>
        <Progress percent={20} type="line"/>
      </div>
      <hr/>
      <div style={{width: 50}}>
        <Progress percent={76} type="circle"/>
      </div>
      <hr/>
      <div style={{width: 50}}>
        <Progress percent={25} type="circle" showLabel/>
      </div>
    </div>
  ))