import { jsx as a, jsxs as r } from "react/jsx-runtime";
import e from "../../modules/ProgramDetails/programDetails.module.css";
import { Typography as t } from "../../components/Typography/Typography.es.js";
import { Features as o } from "./components/Features/Features.es.js";
const h = ({ label: i, description: m, image: l, features: s }) => /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ r("div", { className: e.container, children: [
  /* @__PURE__ */ r("div", { className: e.header, children: [
    i && /* @__PURE__ */ a(t, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: i }),
    /* @__PURE__ */ a(t, { as: "p", defaultVariant: "preambleLg", mobileVariant: "preambleSm", children: m })
  ] }),
  /* @__PURE__ */ r("div", { className: e.content, children: [
    /* @__PURE__ */ a("img", { className: e.image, src: l, alt: "program detatils" }),
    s.length > 0 && /* @__PURE__ */ a(o, { features: s })
  ] })
] }) });
export {
  h as ProgramDetails
};
