19 lines
819 B
TypeScript
19 lines
819 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
||
|
|
import type { ComponentProps } from "react";
|
||
|
|
|
||
|
|
export const Tabs = TabsPrimitive.Root;
|
||
|
|
|
||
|
|
export function TabsList({ className = "", ...props }: ComponentProps<typeof TabsPrimitive.List>) {
|
||
|
|
return <TabsPrimitive.List className={["ui-tabs-list", className].filter(Boolean).join(" ")} {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function TabsTrigger({ className = "", ...props }: ComponentProps<typeof TabsPrimitive.Trigger>) {
|
||
|
|
return <TabsPrimitive.Trigger className={["ui-tabs-trigger", className].filter(Boolean).join(" ")} {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function TabsContent({ className = "", ...props }: ComponentProps<typeof TabsPrimitive.Content>) {
|
||
|
|
return <TabsPrimitive.Content className={["ui-tabs-content", className].filter(Boolean).join(" ")} {...props} />;
|
||
|
|
}
|