fixes

packages/design-system/lib/components/RateCard/Regular/Regular.stories.tsx

@@ -0,0 +1,99 @@
+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,
+  },
+}