import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Typo
} from "./chunk-PMJIFLDT.js";

// src/molecules/curriculumV2/CurriculumSidebar/Items/section-title.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function SectionTitle(props) {
  const { title, duration } = props;
  return /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "1fr auto", px: "3", py: "2", children: [
    /* @__PURE__ */ jsx(Typo, { color: "gray", children: title }),
    /* @__PURE__ */ jsxs(Typo, { color: "gray", variant: "caption", children: [
      duration,
      "\uBD84"
    ] })
  ] });
}
var section_title_default = SectionTitle;

export {
  section_title_default
};
//# sourceMappingURL=chunk-4TST4UK5.js.map