chore: add storybook variant

deriv-com · Nov 16, 2023 · b04b5a6 · b04b5a6
1 parent 07370f4
commit b04b5a6
Showing 1 changed file with 94 additions and 0 deletions.
diff --git a/libs/blocks/src/lib/fast-payment/base/base.stories.tsx b/libs/blocks/src/lib/fast-payment/base/base.stories.tsx
@@ -11,7 +11,101 @@ export default meta;
 
 type Story = StoryObj<typeof meta>;
 
+const one = {
+  cols: 'three',
+  cards: [
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+  ],
+};
+
+const two = {
+  cols: 'two',
+  cards: [
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+  ],
+};
+
+const three = {
+  cols: 'four',
+  cards: [
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+    {
+      header: '',
+      color: 'gray',
+      align: 'center',
+      size: 'lg',
+      description: 'test',
+    },
+  ],
+};
+
 export const Default: Story = {
+  argTypes: {
+    content: {
+      options: [one, two, three],
+      control: { type: 'radio' },
+    },
+  },
   args: {
     description: 'Make instant deposits from 10,000 HKD. Withdraw in minutes.',
     title: 'Hassle-free deposits and withdrawals',