import React from 'react';
import { Meta, StoryFn } from '@storybook/react';
import { Reviews, ReviewsProps } from './Reviews';

export default {
  title: 'Organisms/Reviews',
  component: Reviews,
} as Meta;

const Template: StoryFn<ReviewsProps> = (args) => <Reviews {...args} />;

export const Default = Template.bind({});

Default.args = {
  reviews: [
    {
      profileImage: 'images/avatar.jpeg',
      userName: 'Dinindu Kanchana',
      subHeader: '1 day ago',
      reviewContent:
        'I really love this product. Highly recommend it to anyone looking to learn how to best set up workshop templates!',
      rating: 2,
      likes: [
        {
          name: 'AA',
          image: 'images/avatar.jpeg',
        },
        {
          name: 'AA',
        },
        {
          name: 'AA',
        },
        {
          name: 'AA',
          image: 'images/avatar.jpeg',
        },
        {
          name: 'AA',
        },
      ],
    },
  ],
};
