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

FSE UI components library

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