From d728d24c0b8671cad0e3ba4c26e1216ef5dbf60a Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 15 Sep 2023 20:06:21 +0300
Subject: [PATCH] feat: add story examples for sync card content

---
 .../SyncStatusCard/SyncCardContent.stories.ts | 36 +++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/pages/Dashboard/SyncStatusCard/SyncCardContent.stories.ts b/src/pages/Dashboard/SyncStatusCard/SyncCardContent.stories.ts
index cfd2a8da..4fc26b5d 100644
--- a/src/pages/Dashboard/SyncStatusCard/SyncCardContent.stories.ts
+++ b/src/pages/Dashboard/SyncStatusCard/SyncCardContent.stories.ts
@@ -14,6 +14,38 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Default: Story = {
-  args: { title: 'Sync Status', total: 113220, value: 50000 },
+export const ExecutionClient: Story = {
+  args: { title: 'Execution Client', value: 123.424, total: 170, isTop: true },
+}
+
+export const ConsensusClient: Story = {
+  args: { title: 'Consensus Client', value: 123.424, total: 170, isTop: false },
+}
+
+export const WithoutTitle: Story = {
+  args: { title: '', value: 123.424, total: 170 },
+}
+
+export const WithZeroValue: Story = {
+  args: { title: 'Consensus Client', value: 0, total: 170 },
+}
+
+export const WithZeroTotal: Story = {
+  args: { title: 'Consensus Client', value: 123.424, total: 0 },
+}
+
+export const WithZeroValueAndTotal: Story = {
+  args: { title: 'Consensus Client', value: 0, total: 0 },
+}
+
+export const WithoutValues: Story = {
+  args: { title: '', value: 0, total: 0 },
+}
+
+export const WithTopBorders: Story = {
+  args: { title: '', value: 0, total: 0, isTop: true },
+}
+
+export const WithBottomBorders: Story = {
+  args: { title: '', value: 0, total: 0, isTop: false },
 }