ca6cc5ab6c
feat(SW-3636): Storybook structure * New sections in Storybook sidebar * Group Storybook content files and add token files for spacing, border radius and shadows Approved-by: Joakim Jäderberg
63 lines
1.5 KiB
TypeScript
63 lines
1.5 KiB
TypeScript
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',
|
|
},
|
|
}
|