import { Story } from '@storybook/react';
import React from 'react';
import StarRating from '../components/Reviews/StarRating';

const meta = {
  title: 'Reviews / Star Rating',
  component: StarRating,
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const Template: Story<any> = (args) => <StarRating {...args} />;

export const Default = Template.bind({});
Default.args = {
  reviewData: {
    always: true,
    averageRating: 4.5,
    count: 10,
    reviewCount: 100,
  },
  hideCount: false,
  reviewsText: null,
};

export const CountHidden = Template.bind({});
CountHidden.args = {
  reviewData: {
    averageRating: 5,
    count: 10,
    reviewCount: 100,
  },
  hideCount: true,
  reviewsText: null,
};

export const ReviewText = Template.bind({});
ReviewText.args = {
  reviewData: {
    averageRating: 5,
    count: 10,
    reviewCount: 100,
  },
  hideCount: true,
  reviewsText: 'Hello Reviews',
};