import React from 'react'
import { storiesOf } from '@storybook/react'
import MeterBar from 'molecules/MeterBar'

// @todo !!! LOTS TO FINISH HERE
storiesOf('molecules/MeterBar', module)
  .add('default', () => <MeterBar meterValue={40} overAllValue={100} />)
  .add('Count Position Change', () => (
    <MeterBar meterValue={40} overAllValue={100} numberAlignType="suffix" />
  ))
  .add('Hide the count', () => <MeterBar meterValue={40} overAllValue={100} displayCount={false} />)