d0546926a9
fix(SW-3691): Setup one prettier config for whole repo * Setup prettierrc in root and remove other configs Approved-by: Joakim Jäderberg Approved-by: Linus Flood
119 lines
2.4 KiB
TypeScript
119 lines
2.4 KiB
TypeScript
import type { Meta, StoryObj } from "@storybook/nextjs-vite"
|
|
import RegularRateCard from "."
|
|
|
|
const meta: Meta<typeof RegularRateCard> = {
|
|
title: "Product 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" },
|
|
omnibusRate: { control: "object" },
|
|
approximateRate: { control: "object" },
|
|
rateTermDetails: { control: "object" },
|
|
},
|
|
}
|
|
|
|
export default meta
|
|
|
|
type Story = StoryObj<typeof RegularRateCard>
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
rateTitle: "FREE CANCELLATION",
|
|
paymentTerm: "PAY NOW",
|
|
rate: {
|
|
label: "Standard Price",
|
|
price: "1980",
|
|
unit: "SEK/NIGHT",
|
|
},
|
|
memberRate: {
|
|
label: "Member Price",
|
|
price: "1900",
|
|
unit: "SEK/NIGHT",
|
|
},
|
|
approximateRate: {
|
|
price: "198",
|
|
label: "Approx.",
|
|
unit: "EUR",
|
|
},
|
|
omnibusRate: {
|
|
label: "Lowest past price (last 30 days)",
|
|
price: "1690",
|
|
unit: "SEK/NIGHT",
|
|
},
|
|
rateTermDetails: [
|
|
{
|
|
title: "Rate definition 1",
|
|
terms: ["term 1", "term 2", "term 3"],
|
|
},
|
|
],
|
|
},
|
|
}
|
|
|
|
export const Selected: Story = {
|
|
args: {
|
|
isSelected: true,
|
|
rateTitle: "FREE CANCELLATION",
|
|
paymentTerm: "PAY NOW",
|
|
rate: {
|
|
label: "Standard Price",
|
|
price: "1980",
|
|
unit: "SEK/NIGHT",
|
|
},
|
|
memberRate: {
|
|
label: "Member Price",
|
|
price: "1900",
|
|
unit: "SEK/NIGHT",
|
|
},
|
|
approximateRate: {
|
|
price: "198",
|
|
label: "Approx.",
|
|
unit: "EUR",
|
|
},
|
|
rateTermDetails: [
|
|
{
|
|
title: "Rate definition 1",
|
|
terms: ["term 1", "term 2", "term 3"],
|
|
},
|
|
],
|
|
},
|
|
}
|
|
|
|
export const MemberRateActive: Story = {
|
|
args: {
|
|
rateTitle: "FREE CANCELLATION",
|
|
paymentTerm: "PAY NOW",
|
|
rate: {
|
|
label: "Standard Price",
|
|
price: "1980",
|
|
unit: "SEK",
|
|
},
|
|
memberRate: {
|
|
label: "Member Price",
|
|
price: "1900",
|
|
unit: "SEK/NIGHT",
|
|
},
|
|
approximateRate: {
|
|
price: "190",
|
|
label: "Approx.",
|
|
unit: "EUR",
|
|
},
|
|
isMemberRateActive: true,
|
|
rateTermDetails: [
|
|
{
|
|
title: "Rate definition 1",
|
|
terms: ["term 1", "term 2", "term 3"],
|
|
},
|
|
],
|
|
},
|
|
}
|