From 14a51b059b212ad2e8b57f051b0cb058b6efb435 Mon Sep 17 00:00:00 2001
From: Shlomi Toussia-Cohen <shlomito@monday.com>
Date: Tue, 10 Dec 2024 15:50:56 +0200
Subject: [PATCH] docs(AvatarGroup): fix disabled story example (#2640)

---
 .../__stories__/AvatarGroup.stories.tsx       | 41 +++++++++++--------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.tsx b/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.tsx
index 91187fe5a6..4cc963e36b 100644
--- a/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.tsx
+++ b/packages/core/src/components/AvatarGroup/__stories__/AvatarGroup.stories.tsx
@@ -295,24 +295,29 @@ export const HoverVsClickable: Story = {
     );
   }
 };
-export const Disabled = () => (
-  <AvatarGroup size="large" max={4} disabled>
-    <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
-    <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
-    <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
-    <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
-    <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
-    <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
-    <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
-    <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
-    <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
-    <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
-    <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
-    <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
-    <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
-    <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
-  </AvatarGroup>
-);
+
+export const Disabled: Story = {
+  render: () => {
+    return (
+      <AvatarGroup size="large" max={4} disabled>
+        <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
+        <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
+        <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
+        <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
+        <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
+        <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
+        <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
+        <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
+        <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
+        <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
+        <Avatar type="img" src={person3} ariaLabel="Marco DiAngelo" />
+        <Avatar type="img" src={person4} ariaLabel="Liam Caldwell" />
+        <Avatar type="img" src={person1} ariaLabel="Julia Martinez" />
+        <Avatar type="img" src={person2} ariaLabel="Sophia Johnson" />
+      </AvatarGroup>
+    );
+  }
+};
 
 export const LastSeenUsers: Story = {
   render: () => (