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

import { TripAdvisorChip } from "./index"

const meta: Meta<typeof TripAdvisorChip> = {
  title: "Product Components/TripAdvisorChip",
  component: TripAdvisorChip,
  argTypes: {
    rating: {
      control: { type: "number", min: 0, max: 5, step: 0.1 },
    },

    wrapper: {
      control: { type: "select" },
      options: ["x05", "x15", "x2"],
    },
  },
}

export default meta
type Story = StoryObj<typeof TripAdvisorChip>

export const Default: Story = {
  args: {
    rating: 4.5,
  },
}

export const WithSmallWrapper: Story = {
  args: {
    rating: 4.5,
    wrapper: "x05",
  },
}

export const WithMediumWrapper: Story = {
  args: {
    rating: 4.5,
    wrapper: "x15",
  },
}

export const WithLargeWrapper: Story = {
  args: {
    rating: 4.5,
    wrapper: "x2",
  },
}

export const Small: Story = {
  args: {
    rating: 4.5,
    size: "sm",
  },
}

export const Subtle: Story = {
  args: {
    rating: 4.5,
    color: "Subtle",
  },
}
