@anoki/fse-ui/dist/index.es123.js

FSE UI components library

import { j as i } from "./index.es237.js";
import { Title as n } from "./index.es434.js";
import { Description as o } from "./index.es435.js";
import { clsx as t } from "./index.es239.js";
const c = ({ className: e, children: s }) => /* @__PURE__ */ i.jsx("section", { className: e, children: s }), b = ({
  className: e,
  title: s,
  titleId: m,
  color: x = "primary",
  titleMarginBottom: a = "mb-x16",
  descriptionClassName: l = "",
  descriptionMarginBottom: p = "mb-x40",
  description: r,
  children: d,
  mdFs: j = "2",
  fs: f = "4"
}) => /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
  s && /* @__PURE__ */ i.jsxs(
    "div",
    {
      className: t(
        "ui-sections__title d-flex align-items-end gap-x16",
        a,
        e
      ),
      children: [
        /* @__PURE__ */ i.jsx(n, { id: m, fs: f, mdFs: j, as: "h2", color: x, children: s }),
        d
      ]
    }
  ),
  r && /* @__PURE__ */ i.jsx(
    o,
    {
      className: t(
        "ui-sections__description",
        p,
        l
      ),
      children: r
    }
  )
] });
c.Title = n;
c.Description = o;
export {
  c as Section,
  b as SectionHeading
};
//# sourceMappingURL=index.es123.js.map