"use client";
import { jsxs as t, jsx as e } from "react/jsx-runtime";
/* empty css                                                                       */
/* empty css                                                                                   */
/* empty css                                                                                   */
import { Navigation as f } from "swiper/modules";
import { Swiper as g, SwiperSlide as u } from "swiper/react";
import { Cursor as S } from "../../components/Cursor/Cursor.es.js";
import { ProgramCard as w } from "../../components/ProgramCard/ProgramCard.es.js";
import { Typography as C } from "../../components/Typography/Typography.es.js";
import { useSwiper as N } from "../../utils/useSwiper/useSwiper.es.js";
import r from "../../modules/TargetedPrograms/targetedPrograms.module.css";
import { ProgressButton as a } from "../../components/ProgressButton/ProgressButton.es.js";
const v = [f];
function z({ title: l, cards: n }) {
  const { setIsEnd: d, handleSlideChange: c, handlePrevClick: o, handleNextClick: s, onSwiperInit: m, handleSwiperResize: p } = N();
  return /* @__PURE__ */ t("section", { className: r.container, children: [
    /* @__PURE__ */ t("div", { className: r.heading, children: [
      /* @__PURE__ */ e(C, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: l }),
      /* @__PURE__ */ e("div", { className: r.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
        a,
        {
          left: {
            onClick: o
          },
          right: {
            onClick: s
          }
        }
      ) })
    ] }),
    /* @__PURE__ */ e("div", { className: r.carouselArea, children: /* @__PURE__ */ e(
      g,
      {
        onSwiper: m,
        onResize: p,
        onSlideChange: c,
        onReachEnd: () => d(!0),
        modules: v,
        spaceBetween: 16,
        slidesPerView: "auto",
        className: r.swiper,
        loop: !0,
        slidesOffsetBefore: 8,
        children: n.filter((i) => i.type !== "coming_soon").map((i, h) => /* @__PURE__ */ e(u, { className: r.swiperSlide, children: /* @__PURE__ */ e(S, { label: "Learn More", colorScheme: "light", children: /* @__PURE__ */ e(w, { ...i }) }) }, h))
      }
    ) }),
    /* @__PURE__ */ e("div", { className: r.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
      a,
      {
        left: {
          onClick: o
        },
        right: {
          onClick: s
        }
      }
    ) })
  ] });
}
export {
  z as TargetedPrograms
};
