From cd2889cff4b1d2d679617869bf83d5db927c136f Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 30 Aug 2023 11:29:25 +0300
Subject: [PATCH] feat: add examples for activation card story

---
 .../Activation/ActivationCard.stories.ts      | 41 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/Activation/ActivationCard.stories.ts b/src/pages/ValidatorOnboarding/Activation/ActivationCard.stories.ts
index a4afe1a2..4c8a4f9f 100644
--- a/src/pages/ValidatorOnboarding/Activation/ActivationCard.stories.ts
+++ b/src/pages/ValidatorOnboarding/Activation/ActivationCard.stories.ts
@@ -17,7 +17,14 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Page: Story = {
+export const Validators: Story = {
+  args: {
+    text: 'Validators',
+    value: '4',
+  },
+}
+
+export const ExecutionSyncStatus: Story = {
   args: {
     text: 'Execution Sync Status',
     value: '',
@@ -27,3 +34,35 @@ export const Page: Story = {
     gaugeTotal: 172.503,
   },
 }
+
+export const ExecutionSyncStatusRed: Story = {
+  args: {
+    text: 'Execution Sync Status',
+    value: '',
+    isGaugeIncluded: true,
+    gaugeColor: '#EB5757',
+    gaugeSynced: 123.524,
+    gaugeTotal: 172.503,
+  },
+}
+
+export const CurrentAPR: Story = {
+  args: {
+    text: 'Current APR',
+    value: '4.40%',
+  },
+}
+
+export const EstimatedActivationTime: Story = {
+  args: {
+    text: 'Estimated Activation Time',
+    value: '32 Days',
+  },
+}
+
+export const ValidatorQueue: Story = {
+  args: {
+    text: 'Validator Queue',
+    value: '92603',
+  },
+}