fui-fancyui/dist/src/components/atoms/TitleForComponent/TitleForComponent.js

FancyUI Libary

"use client";
import { jsxs as p, jsx as i } from "react/jsx-runtime";
import a from "react";
import { Wrapper as l, TitleWrapper as s } from "./TitleForComponent.style.js";
import c from "../Typography/Typography.js";
function u(r) {
  const { children: e, title: t, align: o, gap: n = "xs" } = r;
  return /* @__PURE__ */ p(l, { $spacing: n, children: [
    t && /* @__PURE__ */ i(s, { $align: o, children: m(t) }),
    e
  ] });
}
const m = (r) => {
  if (a.isValidElement(r))
    return r;
  {
    const { fontWeight: e, variant: t, ...o } = r;
    return /* @__PURE__ */ i(c, { variant: t ?? "sectionTitle", fontWeight: e ?? "bold", ...o });
  }
};
export {
  u as default
};