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

FSE UI components library

import { j as i } from "./index.es278.js";
import { Title as n } from "./index.es487.js";
import { Description as c } from "./index.es488.js";
import { clsx as o } from "./index.es280.js";
import './components/ui/Section/Section.css';/* empty css            */
const m = ({
  className: r,
  children: s,
  style: e
}) => /* @__PURE__ */ i.jsx("section", { className: r, style: e, children: s }), D = ({
  className: r,
  title: s,
  titleId: e,
  color: x = "primary",
  titleMarginBottom: p = "mb-x16",
  descriptionClassName: a = "",
  descriptionMarginBottom: l = "mb-x40",
  description: t,
  children: d,
  mdFs: j = "2",
  fs: f = "4"
}) => /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
  s && /* @__PURE__ */ i.jsxs(
    "div",
    {
      className: o(
        "ui-sections__title d-flex gap-x16",
        p,
        r
      ),
      children: [
        /* @__PURE__ */ i.jsx(
          n,
          {
            id: e,
            fs: f,
            mdFs: j,
            as: "h2",
            color: x,
            children: s
          }
        ),
        d
      ]
    }
  ),
  t && /* @__PURE__ */ i.jsx(
    c,
    {
      className: o(
        "ui-sections__description",
        l,
        a
      ),
      children: t
    }
  )
] });
m.Title = n;
m.Description = c;
export {
  m as Section,
  D as SectionHeading
};
//# sourceMappingURL=index.es229.js.map