import React from 'react'
import { storiesOf } from '@storybook/react'
import Ratings from 'presets/Ratings'

storiesOf('presets/Ratings', module)
  .add('default', () => <Ratings />)
  .add('With Count', () => (
    <Ratings fillColor="#6292f5" shouldShowCount starRating={2.5} />
  ))
  .add('Rating Stroke', () => (
    <Ratings
      fillColor="#6292f5"
      defaultColor="#ffffff"
      shouldShowCount
      starRating={4}
      width={20}
      starGap={5}
      isUserCount={true}
      userRating={9}
    />
  ))
  .add('With Count Prefix', () => (
    <Ratings starFill="#909090" shouldShowCount countPosition="prefix" rating={5} />
  ))