import { jsxs as p, jsx as a } from "react/jsx-runtime";
import { cn as i } from "../../utils/cn/cn.es.js";
import e from "../../components/HighlightedTitle/highlightedTitle.module.css";
import { Typography as s } from "../Typography/Typography.es.js";
const y = ({
  title: r,
  label: t,
  className: o,
  defaultVariant: m = "displayMd",
  as: d = "h2",
  mobileVariant: h = "headingLg",
  colorScheme: l = "light"
}) => /* @__PURE__ */ p("div", { "data-scheme": l, className: i(e.root, o), children: [
  t && /* @__PURE__ */ a(s, { as: "p", defaultVariant: "labelSm", emphasis: !0, className: e.tag, children: t }),
  /* @__PURE__ */ a(
    s,
    {
      as: d,
      defaultVariant: m,
      mobileVariant: h,
      className: i(e.title, {
        [e.taggedTitle]: !!t
      }),
      children: typeof r == "string" ? /* @__PURE__ */ a("p", { children: r }) : r
    }
  )
] });
export {
  y as HighlightedTitle
};
