import {
  Separator
} from "./chunk-HYITAA4J.js";
import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Flex
} from "./chunk-25HMMI7R.js";
import {
  Badge
} from "./chunk-U3BQT7ZO.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";
import {
  ArrowRightIcon,
  TimerIcon
} from "./chunk-R7IT4TCD.js";
import {
  Heading
} from "./chunk-BESTU2AY.js";
import {
  Typo
} from "./chunk-PMJIFLDT.js";

// src/app/platform/curriculum-card.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function CurriculumCard(props) {
  const {
    title,
    imgTitle,
    imgSrc,
    description,
    runningTime,
    bgColor,
    onClick
  } = props;
  return /* @__PURE__ */ jsxs(
    Grid,
    {
      columns: { initial: "1", sm: "275px 1fr" },
      gapX: "5",
      gapY: "2",
      onClick,
      style: { cursor: "pointer" },
      children: [
        /* @__PURE__ */ jsx(
          Box,
          {
            height: "165px",
            p: "3",
            style: {
              backgroundImage: `url(${imgSrc})`,
              backgroundColor: bgColor,
              backgroundPositionX: "right",
              backgroundPositionY: "bottom",
              backgroundRepeat: "no-repeat",
              backgroundSize: "contain",
              backgroundAttachment: "local"
            },
            width: "100%",
            children: /* @__PURE__ */ jsx(Heading, { style: { whiteSpace: "break-spaces" }, variant: "heading3", children: imgTitle })
          }
        ),
        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
          /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", xs: "1fr auto" }, gapY: "3", children: [
            /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
            /* @__PURE__ */ jsx(
              Badge,
              {
                size: "medium",
                style: { justifySelf: "flex-start" },
                variant: "outline",
                children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
                  /* @__PURE__ */ jsx(TimerIcon, {}),
                  runningTime
                ] })
              }
            )
          ] }),
          /* @__PURE__ */ jsx(Box, { style: { marginBottom: "auto" }, children: /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: description == null ? void 0 : description.map((el) => {
            return /* @__PURE__ */ jsx("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx(Heading, { truncate: true, variant: "heading5", weight: "regular", children: el }) }, el);
          }) }) }),
          /* @__PURE__ */ jsx(Separator, { size: "4" }),
          /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "end", 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-3GLSHF4F.js.map