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

const meta: Meta<typeof NoRateAvailableCard> = {
  title: "Product Components/RateCard/NoRateAvailable",
  component: NoRateAvailableCard,
  decorators: [
    (Story) => (
      <div style={{ maxWidth: "400px" }}>
        <Story />
      </div>
    ),
  ],
  argTypes: {
    rateTitle: { control: "text" },
    paymentTerm: { control: "text" },
    noPricesAvailableText: { control: "text" },
  },
}

export default meta

type Story = StoryObj<typeof NoRateAvailableCard>

export const NoRateAvailable: Story = {
  args: {
    variant: "Regular",
    rateTitle: "FREE CANCELLATION",
    paymentTerm: "PAY NOW",
    noPricesAvailableText: "No prices available",
  },
}

export const NoRateAvailableCampaign: Story = {
  args: {
    variant: "Campaign",
    rateTitle: "FREE CANCELLATION",
    paymentTerm: "PAY NOW",
    bannerText: "Campaign ∙ Breakfast included",
    noPricesAvailableText: "No prices available",
  },
}

export const NoRateAvailableCode: Story = {
  args: {
    variant: "Code",
    rateTitle: "FREE CANCELLATION",
    paymentTerm: "PAY NOW",
    bannerText: "WDCPHG ∙ Breakfast included",
    noPricesAvailableText: "No prices available",
  },
}

export const NoRateAvailablePoints: Story = {
  args: {
    variant: "Points",
    rateTitle: "FREE CANCELLATION",
    paymentTerm: "PAY NOW",
    bannerText: "WDCPHG ∙ Breakfast included",
    noPricesAvailableText: "No prices available",
  },
}