fixes

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

@@ -0,0 +1,62 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import NoRateAvailableCard from '.'
+
+const meta: Meta<typeof NoRateAvailableCard> = {
+  title: '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',
+  },
+}