import { jsx as e, jsxs as d } from "react/jsx-runtime";
import { EAnalyticsEventType as p } from "../../types/analytics/analytics.es.js";
import i from "../../modules/ResearchFilters/researchFilters.module.css";
import { Typography as y } from "../../components/Typography/Typography.es.js";
import { TabsWithFade as h } from "../../components/Tabs/TabsWithFade.es.js";
const x = ({
  tabs: o,
  activeTab: r,
  onTabChange: n,
  trackingEvent: a,
  trackingLocation: c
}) => {
  const l = (t) => {
    var s;
    if (n(t), a) {
      const m = {
        event: a,
        location: c || "",
        type: p.appearance,
        payload: {
          category: t
        }
      };
      (s = window.eventBus) == null || s.emit("analytics", m);
    }
  };
  return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ d("div", { className: i.container, children: [
    /* @__PURE__ */ e(y, { defaultVariant: "displayMd", mobileVariant: "displayXs", children: "Research" }),
    /* @__PURE__ */ e("div", { className: i.filters, children: /* @__PURE__ */ e("div", { className: i.tabsWrapper, children: /* @__PURE__ */ e(
      h,
      {
        activeTab: r,
        tabs: o,
        size: "md",
        activeLinePosition: "bottom",
        onTabClick: l
      }
    ) }) })
  ] }) });
};
export {
  x as ResearchFilters
};
