From bc6a5e97d795b03e47e70c1cb533619ec5daffc2 Mon Sep 17 00:00:00 2001
From: JulesBelveze <jules.belveze@hotmail.fr>
Date: Thu, 28 Nov 2024 11:00:15 +0100
Subject: [PATCH] [sparkle] - refactor: use composability for SheetClose with
 Button

 - Wrap Button components in SheetClose with `asChild` prop to leverage composability
 - Ensure SheetClose component can act as a parent without affecting button functionality
---
 sparkle/src/components/Sheet.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sparkle/src/components/Sheet.tsx b/sparkle/src/components/Sheet.tsx
index a384f81061ba..47baacda54cc 100644
--- a/sparkle/src/components/Sheet.tsx
+++ b/sparkle/src/components/Sheet.tsx
@@ -132,7 +132,7 @@ const SheetFooter = ({
       (leftButtonProps.disabled ? (
         <Button {...leftButtonProps} />
       ) : (
-        <SheetClose className={sheetCloseClassName}>
+        <SheetClose className={sheetCloseClassName} asChild>
           <Button {...leftButtonProps} />
         </SheetClose>
       ))}
@@ -140,7 +140,7 @@ const SheetFooter = ({
       (rightButtonProps.disabled ? (
         <Button {...rightButtonProps} />
       ) : (
-        <SheetClose className={sheetCloseClassName}>
+        <SheetClose className={sheetCloseClassName} asChild>
           <Button {...rightButtonProps} />
         </SheetClose>
       ))}