https://song-slide-0f2881b6.base44.app/assets/tabs-B9mr5eEh.js

1const e=`import * as React from "react"
2import * as TabsPrimitive from "@radix-ui/react-tabs"
3
4import { cn } from "@/lib/utils"
5
6const Tabs = TabsPrimitive.Root
7
8const TabsList = React.forwardRef(({ className, ...props }, ref) => (
9  <TabsPrimitive.List
10    ref={ref}
11    className={cn(
12      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
13      className
14    )}
15    {...props} />
16))
17TabsList.displayName = TabsPrimitive.List.displayName
18
19const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (
20  <TabsPrimitive.Trigger
21    ref={ref}
22    className={cn(
23      "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",
24      className
25    )}
26    {...props} />
27))
28TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
29
30const TabsContent = React.forwardRef(({ className, ...props }, ref) => (
31  <TabsPrimitive.Content
32    ref={ref}
33    className={cn(
34      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
35      className
36    )}
37    {...props} />
38))
39TabsContent.displayName = TabsPrimitive.Content.displayName
40
41export { Tabs, TabsList, TabsTrigger, TabsContent }
42`;export{e as default};