"use client";
import { jsxs as i, jsx as t } from "react/jsx-runtime";
import { StudyGridCard as d } from "../../components/StudyGridCard/StudyGridCard.es.js";
import { cn as f } from "../../utils/cn/cn.es.js";
import e from "../../modules/Curiosity/curiosity.module.css";
import { HighlightedTitle as p } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Typography as n } from "../../components/Typography/Typography.es.js";
import { Button as N } from "../../components/Button/Button.es.js";
import { InfiniteScroll as u } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
const g = ({ title: h, description: o, studies: s, indexed: r, trackingEvent: m, trackingLocation: c }) => /* @__PURE__ */ i("div", { className: f(e.root, { [e.notIndexed]: !r }), children: [
  /* @__PURE__ */ i("div", { className: e.contentContainer, children: [
    /* @__PURE__ */ i("div", { className: e.containerHeader, children: [
      /* @__PURE__ */ t(
        p,
        {
          title: h,
          className: e.title,
          defaultVariant: "displayXl",
          mobileVariant: "displayXs"
        }
      ),
      /* @__PURE__ */ i("div", { className: e.contentTextContainer, children: [
        o && /* @__PURE__ */ t(n, { defaultVariant: "bodyLg", mobileVariant: "bodySm", className: e.contentText, children: o }),
        /* @__PURE__ */ t("div", { className: e.buttonContainer, children: /* @__PURE__ */ t(N, { as: "a", href: "/research", variant: "muted", size: "lg", children: "View all studies" }) })
      ] })
    ] }),
    r && /* @__PURE__ */ i("div", { className: e.dividerContainer, children: [
      /* @__PURE__ */ t(n, { defaultVariant: "labelMd", children: r.number }),
      /* @__PURE__ */ t("div", { className: e.divider }),
      /* @__PURE__ */ t(n, { defaultVariant: "labelMd", emphasis: !0, children: r.label })
    ] })
  ] }),
  /* @__PURE__ */ i("div", { className: e.containerBottom, children: [
    /* @__PURE__ */ t(
      u,
      {
        items: s,
        speed: 50,
        slowOnTouch: !0,
        enableManualScroll: !0,
        contentClassName: e.infiniteScrollContent,
        itemClassName: e.infiniteScrollItem,
        rootClassName: e.infiniteScrollRoot,
        renderItem: (l, a) => /* @__PURE__ */ t(
          d,
          {
            ...l,
            compressed: !0,
            trackingEvent: m,
            trackingLocation: c
          },
          a
        )
      }
    ),
    /* @__PURE__ */ t(
      u,
      {
        items: s,
        speed: 50,
        direction: "right",
        slowOnTouch: !0,
        enableManualScroll: !0,
        contentClassName: e.infiniteScrollContent,
        itemClassName: e.infiniteScrollItemTwo,
        renderItem: (l, a) => /* @__PURE__ */ t(
          d,
          {
            ...l,
            compressed: !0,
            trackingEvent: m,
            trackingLocation: c
          },
          a
        )
      }
    )
  ] })
] });
export {
  g as Curiosity
};
