From 1e1972b0ae97c54df7958b5468d9a1a0285224d2 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 30 Aug 2023 11:46:50 +0300
Subject: [PATCH] feat: create activation sync card story

---
 .../Activation/ActivationSyncCard.stories.ts  | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.stories.ts

diff --git a/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.stories.ts b/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.stories.ts
new file mode 100644
index 00000000..0557e877
--- /dev/null
+++ b/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.stories.ts
@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import ActivationSyncCard from './ActivationSyncCard'
+import { withRouter } from 'storybook-addon-react-router-v6'
+
+const meta = {
+  title: 'ValidatorOnboarding/ActivationSyncCard',
+  component: ActivationSyncCard,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+  argTypes: {},
+  decorators: [withRouter()],
+} satisfies Meta<typeof ActivationSyncCard>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Blue: Story = {
+  args: {
+    gaugeColor: '#2a4af5',
+    gaugeSynced: 123.524,
+    gaugeTotal: 172.503,
+  },
+}
+
+export const Red: Story = {
+  args: {
+    gaugeColor: '#EB5757',
+    gaugeSynced: 123.524,
+    gaugeTotal: 172.503,
+  },
+}