@lanaco/lnc-react-ui
Version:
React component library
2 lines (1 loc) • 1.3 kB
JavaScript
;const i=require("react/jsx-runtime"),c=require("react"),j=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./index-fdZhoiKV.cjs"),N=require("./Button.cjs"),y=require("./style-DIWAdlai.cjs"),P=c.memo(M.SimpleProductCard),R=c.forwardRef(({buttonText:o,buttonLink:t,items:r,onButtonAction:a=()=>{},onSelectCard:s=()=>{},getImage:l=()=>{},isHighlight:n=!1,componentName:d,LinkComponent:p},m)=>{const b=j.useDetectMobile(),g=c.useMemo(()=>{var u;return(u=r==null?void 0:r.slice(0,4))==null?void 0:u.map((e,q)=>i.jsx(P,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(_,h)=>s==null?void 0:s(e==null?void 0:e.uuid,h),image:l(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:d,accessor:e==null?void 0:e.accessor},LinkComponent:p},q))},[r]);return i.jsxs(y.Wrapper,{ref:m,className:`blog-product-cards-section ${n?"highlight":""}`,children:[i.jsx("div",{className:"wrapper__grid",children:g}),i.jsx(N,{text:o,borderRadius:"curved",btnType:b?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>a(t)})]})});module.exports=R;