From 6e7b1d337eb258940ca273fde03c8a01f003e9bd Mon Sep 17 00:00:00 2001
From: Edouard Wautier <4435185+Duncid@users.noreply.github.com>
Date: Fri, 3 Jan 2025 14:13:32 +0100
Subject: [PATCH] hasBorder on tabs

---
 sparkle/src/components/Tabs.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/sparkle/src/components/Tabs.tsx b/sparkle/src/components/Tabs.tsx
index 054423368838..96d1db1bd27a 100644
--- a/sparkle/src/components/Tabs.tsx
+++ b/sparkle/src/components/Tabs.tsx
@@ -12,17 +12,19 @@ type TabsListProps = React.ComponentPropsWithoutRef<
   typeof TabsPrimitive.List
 > & {
   isFullSize?: boolean;
+  hasBorder?: boolean;
 };
 
 const TabsList = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.List>,
   TabsListProps
->(({ className, isFullSize = true, ...props }, ref) => (
+>(({ className, isFullSize = true, hasBorder = true, ...props }, ref) => (
   <ScrollArea>
     <TabsPrimitive.List
       ref={ref}
       className={cn(
-        "s-inline-flex s-h-11 s-gap-2 s-border-b s-border-separator",
+        "s-inline-flex s-h-11 s-gap-2",
+        hasBorder && "s-border-b s-border-separator",
         isFullSize && "s-w-full",
         className
       )}