130 lines
2.7 KiB
TypeScript
130 lines
2.7 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/react'
|
|
|
|
import PointsRateCard from '.'
|
|
|
|
const meta: Meta<typeof PointsRateCard> = {
|
|
title: 'Components/RateCard/Points',
|
|
component: PointsRateCard,
|
|
decorators: [
|
|
(Story) => (
|
|
<div style={{ maxWidth: '400px' }}>
|
|
<Story />
|
|
</div>
|
|
),
|
|
],
|
|
argTypes: {
|
|
rateTitle: { control: 'text' },
|
|
paymentTerm: { control: 'text' },
|
|
bannerText: { control: 'text' },
|
|
rates: { control: 'object' },
|
|
selectedRate: { control: 'text' },
|
|
onRateSelect: { action: 'onRateSelect' },
|
|
isNotEnoughPoints: { control: 'boolean' },
|
|
notEnoughPointsText: { control: 'text' },
|
|
},
|
|
}
|
|
|
|
export default meta
|
|
|
|
type Story = StoryObj<typeof PointsRateCard>
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
rateTitle: 'FREE CANCELLATION',
|
|
paymentTerm: 'PAY LATER',
|
|
bannerText: 'Reward night ∙ Breakfast included',
|
|
rates: [
|
|
{
|
|
points: '20000',
|
|
currency: 'PTS',
|
|
},
|
|
{
|
|
points: '15000',
|
|
currency: 'PTS',
|
|
additionalPrice: {
|
|
price: '250',
|
|
currency: 'EUR',
|
|
},
|
|
},
|
|
{
|
|
points: '10000',
|
|
currency: 'PTS',
|
|
additionalPrice: {
|
|
price: '500',
|
|
currency: 'EUR',
|
|
},
|
|
},
|
|
],
|
|
selectedRate: undefined,
|
|
onRateSelect: (value) => console.log(value),
|
|
},
|
|
}
|
|
|
|
export const WithDisabledRates: Story = {
|
|
args: {
|
|
rateTitle: 'FREE CANCELLATION',
|
|
paymentTerm: 'PAY LATER',
|
|
bannerText: 'Reward night ∙ Breakfast included',
|
|
rates: [
|
|
{
|
|
points: '20000',
|
|
currency: 'PTS',
|
|
isDisabled: true,
|
|
},
|
|
{
|
|
points: '15000',
|
|
currency: 'PTS',
|
|
isDisabled: true,
|
|
additionalPrice: {
|
|
price: '250',
|
|
currency: 'EUR',
|
|
},
|
|
},
|
|
{
|
|
points: '10000',
|
|
currency: 'PTS',
|
|
additionalPrice: {
|
|
price: '500',
|
|
currency: 'EUR',
|
|
},
|
|
},
|
|
],
|
|
selectedRate: '2',
|
|
onRateSelect: (value) => console.log(value),
|
|
},
|
|
}
|
|
|
|
export const NotEnoughPoints: Story = {
|
|
args: {
|
|
rateTitle: 'FREE CANCELLATION',
|
|
paymentTerm: 'PAY LATER',
|
|
bannerText: 'Reward night ∙ Breakfast included',
|
|
rates: [
|
|
{
|
|
points: '20000',
|
|
currency: 'PTS',
|
|
},
|
|
{
|
|
points: '15000',
|
|
currency: 'PTS',
|
|
additionalPrice: {
|
|
price: '250',
|
|
currency: 'EUR',
|
|
},
|
|
},
|
|
{
|
|
points: '10000',
|
|
currency: 'PTS',
|
|
additionalPrice: {
|
|
price: '500',
|
|
currency: 'EUR',
|
|
},
|
|
},
|
|
],
|
|
selectedRate: undefined,
|
|
isNotEnoughPoints: true,
|
|
notEnoughPointsText: 'Not enough points',
|
|
onRateSelect: (value) => console.log(value),
|
|
},
|
|
}
|