@lanaco/lnc-react-ui
Version:
React component library
6 lines (5 loc) • 1.39 kB
JavaScript
"use strict";const s=require("react/jsx-runtime"),i=require("react"),_=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),e=require("./index-BPVoEhTF.cjs"),d=require("./IconButton.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),h=_.newStyled.div`
font-family: ${p=>{var o,r;return(r=(o=p.theme)==null?void 0:o.typography)==null?void 0:r.fontFamily}};
padding: 5px 8px;
margin-top: auto;
`,n=i.memo(i.forwardRef(({__TYPE__:p="KANBAN_FOOTER",id:o,showAddNewCard:r=!1,showLoadMoreCards:a=!1,addNewCardText:N="Add New Card",onAddNewCard:c=()=>{},onLoadMoreCards:y=()=>{},className:l="",style:m={},color:f="primary",children:T,...u},w)=>{const x=P.useTheme();return s.jsxs(h,{ref:w,theme:x,className:l,style:m,...u,children:[T,a&&s.jsx(d,{onClick:t=>y(t,o),icon:"chevron-circle-down",btnType:"outline",style:{maxWidth:"unset",width:"100%",marginBottom:"8px"}}),r&&s.jsx(d,{onClick:t=>c(t,o),icon:"plus-circle",btnType:"outline",style:{maxWidth:"unset",width:"100%",marginBottom:"8px"}})]})}));n.propTypes={__TYPE__:e.PropTypes.string,id:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),showLoadMoreCards:e.PropTypes.bool,showAddNewCard:e.PropTypes.bool,addNewCardText:e.PropTypes.string,onAddNewCard:e.PropTypes.func,onLoadMoreCards:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object};n.displayName="KANBAN_FOOTER";module.exports=n;