From 83c633cc189f057358454e2cdd1f002879578f71 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sun, 8 Oct 2023 22:44:02 +0300
Subject: [PATCH] feat: add examples for rec mechanism card story

---
 .../RecoveryMechanismCard.stories.ts           | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanism/RecoveryMechanismCard.stories.ts b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanism/RecoveryMechanismCard.stories.ts
index e5f4009c..85c512c5 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanism/RecoveryMechanismCard.stories.ts
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanism/RecoveryMechanismCard.stories.ts
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react'
 
 import RecoveryMechanismCard from './RecoveryMechanismCard'
-import { KEYSTORE_FILES } from '../../../../constants'
+import { BOTH_KEY_AND_RECOVERY, KEYSTORE_FILES, RECOVERY_PHRASE } from '../../../../constants'
 
 const meta = {
   title: 'ValidatorOnboarding/RecoveryMechanismCard',
@@ -15,13 +15,27 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Selected: Story = {
+export const KeystoreFiles: Story = {
   args: {
     value: KEYSTORE_FILES,
     recoveryMechanism: KEYSTORE_FILES,
   },
 }
 
+export const RecoveryPhrase: Story = {
+  args: {
+    value: RECOVERY_PHRASE,
+    recoveryMechanism: RECOVERY_PHRASE,
+  },
+}
+
+export const BothKeyAndRecovery: Story = {
+  args: {
+    value: BOTH_KEY_AND_RECOVERY,
+    recoveryMechanism: BOTH_KEY_AND_RECOVERY,
+  },
+}
+
 export const NotSelected: Story = {
   args: {
     value: KEYSTORE_FILES,