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

FancyUI Libary

"use client";
import { jsx as e, Fragment as h, jsxs as p } from "react/jsx-runtime";
import r from "../../molecules/FancyContent/FancyContent.js";
import { StyledTextDiv as y, StyledI as x } from "./Seperator.style.js";
import { sizeSettings as c } from "./sizeSettings.js";
function T(s) {
  const {
    label: t,
    textAlignment: i = "center",
    themeType: o,
    layer: l,
    fontWeight: d,
    icon: a,
    noLine: f,
    sizeC: m = "md",
    ...n
  } = s;
  return /* @__PURE__ */ e(h, { children: t ? /* @__PURE__ */ e(
    y,
    {
      $textAlignment: i,
      $noLine: f,
      tabIndex: n.tabIndex ?? 0,
      $themeType: o,
      $layer: l,
      ...n,
      children: /* @__PURE__ */ p(r, { justify: i, children: [
        t && /* @__PURE__ */ e(r.Title, { fontVariant: c[m].fontVariant, fontWeight: d ?? "normal", children: t }),
        a && /* @__PURE__ */ e(r.Icon, { sizeC: c[m].iconSize, children: a })
      ] })
    }
  ) : (
    // Render a Seperator(Divider) only a line
    /* @__PURE__ */ e(x, { role: "separator", $layer: l, $themeType: o, ...n })
  ) });
}
export {
  T as default
};