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

import { LinkChips } from "./LinkChips"

const meta: Meta<typeof LinkChips> = {
  title: "Product Components/LinkChips",
  component: LinkChips,
}

export default meta

type Story = StoryObj<typeof LinkChips>

export const Default: Story = {
  args: {
    chips: [
      { title: "Hotels in Stockholm", url: "/hotels/stockholm" },
      { title: "Hotels in Copenhagen", url: "/hotels/copenhagen" },
      { title: "Hotels in Oslo", url: "/hotels/oslo" },
    ],
  },
}

export const SingleChip: Story = {
  args: {
    chips: [{ title: "View all hotels", url: "/hotels" }],
  },
}

export const ManyChips: Story = {
  args: {
    chips: [
      { title: "Stockholm", url: "/hotels/stockholm" },
      { title: "Copenhagen", url: "/hotels/copenhagen" },
      { title: "Oslo", url: "/hotels/oslo" },
      { title: "Helsinki", url: "/hotels/helsinki" },
      { title: "Gothenburg", url: "/hotels/gothenburg" },
      { title: "Malmö", url: "/hotels/malmo" },
      { title: "Bergen", url: "/hotels/bergen" },
      { title: "Tampere", url: "/hotels/tampere" },
    ],
  },
}