From aedda4a9c541393c10d766194ec94646ab77f1cc Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 30 Aug 2023 14:08:32 +0300
Subject: [PATCH] feat: add form stepper active steps stories

---
 .../FormStepper/FormStepper.stories.ts        | 44 ++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts
index 97db5236..57997328 100644
--- a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts
+++ b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts
@@ -15,9 +15,51 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Stepper: Story = {
+export const OverviewActive: Story = {
   args: {
     activeStep: 0,
     changeActiveStep: () => {},
   },
 }
+
+export const AdvicsoriesActive: Story = {
+  args: {
+    activeStep: 1,
+    changeActiveStep: () => {},
+  },
+}
+
+export const ClientSetupActive: Story = {
+  args: {
+    activeStep: 2,
+    changeActiveStep: () => {},
+  },
+}
+
+export const ValidatorSetupActive: Story = {
+  args: {
+    activeStep: 3,
+    changeActiveStep: () => {},
+  },
+}
+
+export const KeyGenerationActive: Story = {
+  args: {
+    activeStep: 4,
+    changeActiveStep: () => {},
+  },
+}
+
+export const ActivationActive: Story = {
+  args: {
+    activeStep: 5,
+    changeActiveStep: () => {},
+  },
+}
+
+export const NoActiveStep: Story = {
+  args: {
+    activeStep: -1,
+    changeActiveStep: () => {},
+  },
+}