import { jsxs as o, jsx as e } from "react/jsx-runtime";
import { cn as m } from "../../utils/cn/cn.es.js";
import r from "../../components/ColoredDivider/coloredDivider.module.css";
import { Typography as s } from "../Typography/Typography.es.js";
const c = ({ label: i, variant: a }) => /* @__PURE__ */ o("div", { className: r.root, children: [
  i && /* @__PURE__ */ o(s, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingSm", className: r.label, children: [
    "(",
    i,
    ")"
  ] }),
  /* @__PURE__ */ e("div", { className: m(r.divider, r[a]) })
] });
export {
  c as ColoredDivider
};
