import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Heading
} from "./chunk-HK224ADT.js";
import {
  Separator
} from "./chunk-HYITAA4J.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  Typo
} from "./chunk-52MVZ6AN.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  ArrowRightIcon,
  TimerIcon
} from "./chunk-TGX7XRZN.js";
import {
  Badge
} from "./chunk-EWD4AO5N.js";

// src/molecules/curriculum-card.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function CurriculumCard(props) {
  const { title, imgTitle, imgSrc, description, runningTime, bgColor } = props;
  return /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", md: "auto 1fr" }, gapY: "2", children: [
    /* @__PURE__ */ jsx(
      Box,
      {
        height: "165px",
        p: "3",
        style: { backgroundImage: `url(${imgSrc})`, backgroundColor: bgColor },
        width: "100%",
        children: /* @__PURE__ */ jsx(Heading, { style: { whiteSpace: "break-spaces" }, weight: "regular", children: imgTitle })
      }
    ),
    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
      /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", sm: "1fr auto" }, gapY: "3", children: [
        /* @__PURE__ */ jsx(Heading, { children: title }),
        /* @__PURE__ */ jsx(
          Badge,
          {
            size: "medium",
            style: { justifySelf: "flex-end" },
            variant: "outline",
            children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
              /* @__PURE__ */ jsx(TimerIcon, {}),
              runningTime
            ] })
          }
        )
      ] }),
      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx("ul", { style: { margin: 0 }, children: description == null ? void 0 : description.map((el) => {
        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Heading, { variant: "heading5", weight: "regular", children: el }) }, el);
      }) }) }),
      /* @__PURE__ */ jsx(Separator, { size: "4" }),
      /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "end", gap: "2", children: [
        /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uAC15\uC758 \uB4E3\uACE0 \uCF54\uCE58\uB2D8\uACFC \uBB34\uC81C\uD55C Q&A" }),
        /* @__PURE__ */ jsx(ArrowRightIcon, { color: "gray" })
      ] })
    ] })
  ] });
}

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