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 },
    },
    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,
  },
}