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

import { TripAdvisorChip } from './index'

const meta: Meta<typeof TripAdvisorChip> = {
  title: 'Components/TripAdvisorChip',
  component: TripAdvisorChip,
  argTypes: {
    rating: {
      control: { type: 'number', min: 0, max: 5, step: 0.1 },
    },
    size: {
      control: { type: 'select' },
      options: ['default', 'small'],
    },
    color: {
      control: { type: 'select' },
      options: ['default', 'subtle'],
    },
    wrapper: {
      control: { type: 'boolean' },
    },
  },
}

export default meta
type Story = StoryObj<typeof TripAdvisorChip>

export const Default: Story = {
  args: {
    rating: 4.5,
    size: 'default',
    color: 'default',
    wrapper: false,
  },
}

export const WithWrapper: Story = {
  args: {
    rating: 4.5,
    size: 'default',
    color: 'default',
    wrapper: true,
  },
}

export const Small: Story = {
  args: {
    rating: 4.5,
    size: 'small',
    color: 'default',
    wrapper: true,
  },
}

export const Subtle: Story = {
  args: {
    rating: 4.5,
    size: 'default',
    color: 'subtle',
    wrapper: false,
  },
}