import * as TabsPrimitive from '@radix-ui/react-tabs'
import { cn } from '@/lib/utils'
export const Tabs = TabsPrimitive.Root
export function TabsList({ className, ...props }: TabsPrimitive.TabsListProps) { return <TabsPrimitive.List className={cn('grid h-9 w-full grid-cols-2 rounded-lg bg-muted p-1', className)} {...props}/> }
export function TabsTrigger({ className, ...props }: TabsPrimitive.TabsTriggerProps) { return <TabsPrimitive.Trigger className={cn('rounded-md px-3 text-sm font-medium text-muted-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className)} {...props}/> }
export function TabsContent({ className, ...props }: TabsPrimitive.TabsContentProps) { return <TabsPrimitive.Content className={cn('mt-5 outline-none', className)} {...props}/> }