import type { Meta, StoryObj } from '@storybook/react-vite'
import NoRateAvailableCard from '.'

const meta: Meta<typeof NoRateAvailableCard> = {
  title: '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',
  },
}