import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Heading
} from "./chunk-HK224ADT.js";
import {
  Badge
} from "./chunk-EWD4AO5N.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Typo
} from "./chunk-52MVZ6AN.js";

// src/molecules/curriculum-card.tsx
import { TimerIcon } from "@radix-ui/react-icons";
import { jsx, jsxs } from "react/jsx-runtime";
function CurriculumCard(props) {
  const { title, imgTitle, imgSrc, description, runningTime } = props;
  return /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", md: "auto 1fr" }, children: [
    /* @__PURE__ */ jsx(
      Box,
      {
        height: "165px",
        style: { backgroundImage: `url(${imgSrc})` },
        width: "100%",
        children: /* @__PURE__ */ jsx(Heading, { children: imgTitle })
      }
    ),
    /* @__PURE__ */ jsxs(Box, { children: [
      /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", sm: "1fr auto" }, children: [
        /* @__PURE__ */ jsx(Heading, { children: title }),
        /* @__PURE__ */ jsxs(Badge, { variant: "outline", children: [
          /* @__PURE__ */ jsx(TimerIcon, {}),
          runningTime
        ] })
      ] }),
      /* @__PURE__ */ jsx(Typo, { children: description })
    ] })
  ] });
}

export {
  CurriculumCard
};
//# sourceMappingURL=chunk-CQ7YGD5V.js.map