import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import RatingInput from '../RatingInput';
import * as RatingInputStories from './RatingInput.stories';

<Meta of={RatingInputStories} />

# RatingInput

<br />

## `RatingInputs` provide a dynamic template for rating display.

<br />

### Default

<Canvas>
  <Story of={RatingInputStories.Default} />
</Canvas>

### With value

<Canvas>
  <Story of={RatingInputStories.WithValue} />
</Canvas>

### With error

<Canvas>
  <Story of={RatingInputStories.WithError} />
</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} />
