"use client";
import { jsx as s } from "react/jsx-runtime";
import i from "react";
import { Root as p, List as n, Trigger as d, Content as l } from "../../../../../node_modules/.pnpm/@radix-ui_react-tabs@1.1.3_@types_react-dom@19.0.4_@types_react@19.0.10__@types_react@19.0.10_zw2jd7lnncg2lbtqb4feedrihy/node_modules/@radix-ui/react-tabs/dist/index.js";
import { classNames as o } from "../../../../../utils.js";
const r = ({ children: e, ...t }) => /* @__PURE__ */ s(p, { ...t, children: e }), m = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
  n,
  {
    ref: a,
    className: o(
      "inline-flex h-10 items-center justify-center rounded-sm bg-gray-300 p-1 text-gray-600",
      e
    ),
    ...t
  }
));
m.displayName = n.displayName;
const c = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
  d,
  {
    ref: a,
    className: o(
      "rounded-xs focus-visible:outline-hidden data-[state=active]:shadow-xs inline-flex items-center justify-center whitespace-nowrap px-3  py-1.5 text-sm transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-gray-800",
      e
    ),
    ...t
  }
));
c.displayName = d.displayName;
const f = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
  l,
  {
    ref: a,
    className: o(
      "focus-visible:outline-hidden mt-2 focus-visible:ring-offset-2",
      e
    ),
    ...t
  }
));
f.displayName = l.displayName;
r.List = m;
r.Trigger = c;
r.Content = f;
export {
  r as Tabs
};
//# sourceMappingURL=tabs.js.map
