import { j as jsxRuntimeExports } 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@19.1.1_react@19.1.1__react@19.1.1/node_modules/react-hot-toast/dist/index.js";
import { tx as D, css as E } from "../../../../style-system/dist/twind.js";
import { Content as f } from "../../../../../node_modules/.pnpm/@radix-ui_themes@3.2.1_@types_react-dom@19.1.9_@types_react@19.1.13__@types_react@19.1._832fa1fef691e6e9510ada03948dc85c/node_modules/@radix-ui/themes/dist/esm/components/tabs.js";
const tabContentScrollClass = E({
  scrollbarColor: "var(--violet-4) var(--violet-2)",
  "&:hover": {
    scrollbarColor: "var(--violet-6) var(--violet-3)"
  }
});
function ScrollablePanelTab({ children, tab, className }) {
  const height = "h-[calc(100%-32px)]";
  return /* @__PURE__ */ jsxRuntimeExports.jsx(f, { value: tab, className: D(height, "@container/tab", tabContentScrollClass, className), children });
}
export {
  ScrollablePanelTab
};
//# sourceMappingURL=ScrollablePanelTab.js.map
