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
52 lines
1.2 KiB
TypeScript
52 lines
1.2 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/nextjs-vite'
|
|
import { fn } from 'storybook/test'
|
|
import { BookingCodeChip } from './index'
|
|
|
|
const meta = {
|
|
title: 'Product Components/BookingCodeChip',
|
|
component: BookingCodeChip,
|
|
parameters: {
|
|
layout: 'centered',
|
|
},
|
|
} satisfies Meta<typeof BookingCodeChip>
|
|
|
|
export default meta
|
|
type Story = StoryObj<typeof BookingCodeChip>
|
|
|
|
export const Default: Story = {
|
|
args: {},
|
|
render: () => <BookingCodeChip bookingCode="ABC123" withText />,
|
|
}
|
|
|
|
export const WithoutText: Story = {
|
|
args: {},
|
|
render: () => <BookingCodeChip bookingCode="ABC123" withText={false} />,
|
|
}
|
|
|
|
export const Unavailable: Story = {
|
|
args: {},
|
|
render: () => <BookingCodeChip bookingCode="ABC123" isUnavailable />,
|
|
}
|
|
|
|
export const AlignCenter: Story = {
|
|
args: {},
|
|
render: () => <BookingCodeChip bookingCode="ABC123" alignCenter />,
|
|
}
|
|
|
|
export const WithCloseButton: Story = {
|
|
args: {},
|
|
render: () => (
|
|
<BookingCodeChip bookingCode="ABC123" withCloseButton onClose={fn} />
|
|
),
|
|
}
|
|
|
|
export const CampaignWithoutBookingCode: Story = {
|
|
args: {},
|
|
render: () => <BookingCodeChip isCampaign />,
|
|
}
|
|
|
|
export const CampaignWithBookingCode: Story = {
|
|
args: {},
|
|
render: () => <BookingCodeChip isCampaign bookingCode="SUMMER25" />,
|
|
}
|