@lanaco/lnc-react-ui/dist/KanbanFooter.js

React component library

import { jsxs as u, jsx as i } from "react/jsx-runtime";
import { memo as y, forwardRef as h } from "react";
import { s as x } from "./emotion-styled.browser.esm-DfbrHHed.js";
import m from "./IconButton.js";
import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
const w = x.div`
  font-family: ${(t) => {
  var o, e;
  return (e = (o = t.theme) == null ? void 0 : o.typography) == null ? void 0 : e.fontFamily;
}};
  padding: 5px 8px;
  margin-top: auto;
`, B = y(
  h(
    ({
      id: t,
      showAddNewCard: o = !1,
      showLoadMoreCards: e = !1,
      onAddNewCard: r = () => {
      },
      onLoadMoreCards: a = () => {
      },
      className: s = "",
      style: l = {},
      children: p,
      ...c
    }, d) => {
      const f = g();
      return /* @__PURE__ */ u(
        w,
        {
          ref: d,
          theme: f,
          className: s,
          style: l,
          ...c,
          children: [
            p,
            e && /* @__PURE__ */ i(
              m,
              {
                onClick: (n) => a(n, t),
                icon: "chevron-circle-down",
                btnType: "outline",
                style: { maxWidth: "unset", width: "100%", marginBottom: "8px" }
              }
            ),
            o && /* @__PURE__ */ i(
              m,
              {
                onClick: (n) => r(n, t),
                icon: "plus-circle",
                btnType: "outline",
                style: { maxWidth: "unset", width: "100%", marginBottom: "8px" }
              }
            )
          ]
        }
      );
    }
  )
);
B.displayName = "KANBAN_FOOTER";
export {
  B as default
};