"use client";
import { jsx as a } from "react/jsx-runtime";
import i from "react";
import { Root as p, List as r, Trigger as l, Content as d } 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/index.js";
const n = ({ children: e, ...t }) => /* @__PURE__ */ a(p, { ...t, children: e }), m = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
  r,
  {
    ref: s,
    className: o(
      "inline-flex h-10 items-center justify-center rounded-sm bg-slate-300 p-1 text-slate-600",
      e
    ),
    ...t
  }
));
m.displayName = r.displayName;
const c = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
  l,
  {
    ref: s,
    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-slate-800",
      e
    ),
    ...t
  }
));
c.displayName = l.displayName;
const f = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
  d,
  {
    ref: s,
    className: o(
      "focus-visible:outline-hidden mt-2 focus-visible:ring-offset-2",
      e
    ),
    ...t
  }
));
f.displayName = d.displayName;
n.List = m;
n.Trigger = c;
n.Content = f;
export {
  n as Tabs
};
//# sourceMappingURL=tabs.js.map
