import { j as a } from "../../../../../_virtual/jsx-runtime.js";
import "react";
import "../../../../../node_modules/.pnpm/@formkit_auto-animate@0.8.2/node_modules/@formkit/auto-animate/index.js";
import "../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.0-canary-3d9b20132-20240124_react@18.3.0-canary-3d_c02c1e17bf76c343fd22d1f22394ecf5/node_modules/react-hot-toast/dist/index.js";
import { tx as l, css as e } from "../../../../style-system/dist/twind.js";
import { Content as s } from "../../../../../node_modules/.pnpm/@radix-ui_themes@3.1.4_@types_react-dom@18.3.6_@types_react@18.3.3__@types_react@18.3.3_46b1dabc193c5ff5696ee783983c694e/node_modules/@radix-ui/themes/dist/esm/components/tabs.js";
const i = e({
  scrollbarColor: "var(--violet-4) var(--violet-2)",
  "&:hover": {
    scrollbarColor: "var(--violet-6) var(--violet-3)"
  }
});
function x({ children: o, tab: r, className: t }) {
  return /* @__PURE__ */ a.jsx(s, { value: r, className: l("h-[calc(100%-32px)]", "@container/tab", i, t), children: o });
}
export {
  x as ScrollablePanelTab
};
//# sourceMappingURL=ScrollablePanelTab.js.map
