import type { Meta, StoryObj } from '@storybook/react'
import RegularRateCard from '.'

const meta: Meta<typeof RegularRateCard> = {
  title: 'Components/RateCard/Regular',
  component: RegularRateCard,
  decorators: [
    (Story) => (
      <div style={{ maxWidth: '400px' }}>
        <Story />
      </div>
    ),
  ],
  argTypes: {
    rateTitle: { control: 'text' },
    paymentTerm: { control: 'text' },
    rate: { control: 'object' },
    memberRate: { control: 'object' },
    approximateRate: { control: 'object' },
  },
}

export default meta

type Story = StoryObj<typeof RegularRateCard>

export const Default: Story = {
  args: {
    name: 'regular',
    value: 'regular',
    rateTitle: 'FREE CANCELLATION',
    paymentTerm: 'PAY NOW',
    rate: {
      label: 'Standard Price',
      price: '198',
      unit: 'EUR/NIGHT',
    },
    memberRate: {
      label: 'Member Price',
      price: '190',
      unit: 'EUR/NIGHT',
    },
    approximateRate: {
      price: '198',
      label: 'Approx.',
      unit: 'EUR',
    },
  },
}

export const Selected: Story = {
  args: {
    name: 'regular',
    value: 'regular',
    isSelected: true,
    rateTitle: 'FREE CANCELLATION',
    paymentTerm: 'PAY NOW',
    rate: {
      label: 'Standard Price',
      price: '198',
      unit: 'EUR/NIGHT',
    },
    memberRate: {
      label: 'Member Price',
      price: '190',
      unit: 'EUR/NIGHT',
    },
    approximateRate: {
      price: '198',
      label: 'Approx.',
      unit: 'EUR',
    },
  },
}

export const HidePublicRate: Story = {
  args: {
    name: 'regular',
    value: 'regular',
    rateTitle: 'FREE CANCELLATION',
    paymentTerm: 'PAY NOW',
    rate: {
      label: 'Standard Price',
      price: '198',
      unit: 'EUR/NIGHT',
    },
    memberRate: {
      label: 'Member Price',
      price: '190',
      unit: 'EUR/NIGHT',
    },
    approximateRate: {
      price: '198',
      label: 'Approx.',
      unit: 'EUR',
    },
    hidePublicRate: true,
  },
}
