diff --git a/src/components/ui/tabs.jsx b/src/components/ui/tabs.jsx index b674eb9..f37e97a 100644 --- a/src/components/ui/tabs.jsx +++ b/src/components/ui/tabs.jsx @@ -1,20 +1,21 @@ -import * as React from "react" -import * as TabsPrimitive from "@radix-ui/react-tabs" +import * as React from "react"; +import * as TabsPrimitive from "@radix-ui/react-tabs"; -import { cn } from "@/lib/utils" +import { cn } from "@/lib/utils"; -const Tabs = TabsPrimitive.Root +const Tabs = TabsPrimitive.Root; const TabsList = React.forwardRef(({ className, ...props }, ref) => ( -)) -TabsList.displayName = TabsPrimitive.List.displayName + {...props} + /> +)); +TabsList.displayName = TabsPrimitive.List.displayName; const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => ( ( "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow", className )} - {...props} /> -)) -TabsTrigger.displayName = TabsPrimitive.Trigger.displayName + {...props} + /> +)); +TabsTrigger.displayName = TabsPrimitive.Trigger.displayName; const TabsContent = React.forwardRef(({ className, ...props }, ref) => ( ( "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className )} - {...props} /> -)) -TabsContent.displayName = TabsPrimitive.Content.displayName + {...props} + /> +)); +TabsContent.displayName = TabsPrimitive.Content.displayName; -export { Tabs, TabsList, TabsTrigger, TabsContent } +export { Tabs, TabsList, TabsTrigger, TabsContent };