import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import RatingInput from '../RatingInput';

<Meta title="Atoms/RatingInput" component={RatingInput} />

# RatingInput
<br />

## `RatingInputs` provide a dynamic template for rating display.
<br />

### Default
<Canvas>
    <Story name="Default">
        <RatingInput ratingScore={5} />
    </Story>
</Canvas>

### With value
<Canvas>
    <Story name="With value">
        <RatingInput ratingScore={5} rating={3} />
    </Story>
</Canvas>

### With error
<Canvas>
    <Story name="With error">
        <RatingInput ratingScore={5} error="Please select a rating" />
    </Story>
</Canvas>

## Usage Example

```jsx
import RatingInput from '@appdirect/sfb-theme-components/src/atoms/rating-input/RatingInput';

<RatingInput ratingScore={5} rating={3} />
```
## Props

<ArgsTable of={RatingInput} />
