"use client";
import * as TabsPrimitive from '@radix-ui/react-tabs';
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx } from 'react/jsx-runtime';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
__name(cn, "cn");
var Tabs = TabsPrimitive.Root;
var TabsList = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  TabsPrimitive.List,
  {
    className: cn(
      "text-text-tertiary inline-flex h-10 items-center justify-center rounded-md bg-[#27252B] p-1",
      className
    ),
    ...props
  }
), "TabsList");
TabsList.displayName = TabsPrimitive.List.displayName;
var TabsTrigger = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  TabsPrimitive.Trigger,
  {
    className: cn(
      "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#2D3239] data-[state=active]:text-white data-[state=active]:shadow-xs",
      className
    ),
    ...props
  }
), "TabsTrigger");
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
var TabsContent = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  TabsPrimitive.Content,
  {
    className: cn(
      "ring-offset-background focus-visible:ring-ring mt-3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",
      className
    ),
    ...props
  }
), "TabsContent");
TabsContent.displayName = TabsPrimitive.Content.displayName;

export { Tabs, TabsContent, TabsList, TabsTrigger };
