From 13cb297d65e97e16a19eb2bd8913aa4a8c72d4a3 Mon Sep 17 00:00:00 2001
From: Rivka Ungar <rivkaun@monday.com>
Date: Tue, 17 Dec 2024 13:53:17 +0200
Subject: [PATCH] docs(Skeleton): fix complex example (#2657)

---
 .../Skeleton/__stories__/Skeleton.stories.tsx | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.tsx b/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.tsx
index b109b76056..cd4bbd56ef 100644
--- a/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.tsx
+++ b/packages/core/src/components/Skeleton/__stories__/Skeleton.stories.tsx
@@ -38,27 +38,29 @@ export const Overview = {
   }
 };
 
-export const ComplexExample = () => {
-  return (
-    <div className="monday-storybook-skeleton_rules-column">
-      <div className="monday-storybook-skeleton_rules-row">
-        <Skeleton type="circle" />
-        <Skeleton type="text" width={110} size="small" />
-      </div>
-      <div className="monday-storybook-skeleton_article">
-        <div>
-          <Skeleton />
+export const ComplexExample = {
+  render: () => {
+    return (
+      <div className="monday-storybook-skeleton_rules-column">
+        <div className="monday-storybook-skeleton_rules-row">
+          <Skeleton type="circle" />
+          <Skeleton type="text" width={110} size="small" />
         </div>
-        <div className="monday-storybook-skeleton_aside">
-          <Skeleton type="text" size="h1" />
-          <Skeleton type="text" size="h4" />
-          <Skeleton type="text" size="h4" />
-          <Skeleton type="text" size="h4" />
-          <Skeleton type="text" size="h4" width={82} />
+        <div className="monday-storybook-skeleton_article">
+          <div>
+            <Skeleton />
+          </div>
+          <div className="monday-storybook-skeleton_aside">
+            <Skeleton type="text" size="h1" />
+            <Skeleton type="text" size="h4" />
+            <Skeleton type="text" size="h4" />
+            <Skeleton type="text" size="h4" />
+            <Skeleton type="text" size="h4" width={82} />
+          </div>
         </div>
       </div>
-    </div>
-  );
+    );
+  }
 };
 
 export const Shapes = {