import { jsxs as l, jsx as r } from "react/jsx-runtime";
import e from "../../../../modules/ProductsDisplay/components/ProductsDisplayTabs/productsDisplayTabs.module.css";
import { Typography as t } from "../../../../components/Typography/Typography.es.js";
import { TabsWithFade as m } from "../../../../components/Tabs/TabsWithFade.es.js";
function b({ label: a, tabs: s, activeTab: i, onTabChange: o }) {
  return /* @__PURE__ */ l("div", { className: e.header, children: [
    !!a && /* @__PURE__ */ r(t, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: a }),
    /* @__PURE__ */ r(m, { activeTab: i, tabs: s, onTabClick: o, size: "lg" })
  ] });
}
export {
  b as ProductsDisplayTabs
};
