import type { Meta, StoryObj } from '@storybook/react-vite';

import { RatingsOverview } from './RatingsOverview';

const meta: Meta<typeof RatingsOverview> = {
  title: 'UI kit/RatingsOverview',
  component: RatingsOverview,
  tags: ['autodocs'],
};

export default meta;
type Story = StoryObj<typeof RatingsOverview>;

export const Positive: Story = {
  args: {
    sentiment: 'positive',
  },
};
Positive.storyName = 'Positive (icon only)';

export const Negative: Story = {
  args: {
    sentiment: 'negative',
  },
};
Negative.storyName = 'Negative (icon only)';

export const Neutral: Story = {
  args: {
    sentiment: 'neutral',
  },
};
Neutral.storyName = 'Neutral (icon only)';

export const PositiveWithTooltip: Story = {
  args: {
    sentiment: 'positive',
    tooltip: 'This is a positive rating',
  },
};
PositiveWithTooltip.storyName = 'Positive with tooltip';

export const NegativeWithTooltip: Story = {
  args: {
    sentiment: 'negative',
    tooltip: 'This is a negative rating',
  },
};
NegativeWithTooltip.storyName = 'Negative with tooltip';

export const NeutralWithTooltip: Story = {
  args: {
    sentiment: 'neutral',
    tooltip: 'This is a neutral rating',
  },
};
NeutralWithTooltip.storyName = 'Neutral with tooltip';