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

FSE UI components library

import { j as r } from "./index.es278.js";
import { Container as f } from "./index.es91.js";
import { clsx as i } from "./index.es280.js";
import './components/navigations/HeaderSlim/HeaderSlim.css';/* empty css            */
import { Row as j } from "./index.es219.js";
const w = ({
  as: a = "div",
  className: o,
  containerClassName: c = "bg-slate-20",
  hasContainer: p = !0,
  display: e,
  justifyContent: t,
  alignItems: n,
  flexWrap: m,
  children: s,
  variant: x = "default"
}) => {
  const l = a, u = () => p ? /* @__PURE__ */ r.jsx(
    f,
    {
      containerClass: "ui-container",
      className: i(
        "min-h-x48 base-row align-items-center py-x12",
        o,
        x === "operator" && "ui-hslim-menu--operator"
      ),
      display: e,
      justifyContent: t,
      alignItems: n,
      flexWrap: m,
      children: s
    }
  ) : /* @__PURE__ */ r.jsx(
    j,
    {
      alignItems: "center",
      py: "x12",
      className: i("min-h-x48 ", o),
      style: {
        display: e,
        justifyContent: t,
        alignItems: n,
        flexWrap: m
      },
      children: s
    }
  );
  return /* @__PURE__ */ r.jsx(l, { className: c, children: u() });
};
export {
  w as HeaderSlim
};
//# sourceMappingURL=index.es164.js.map