@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 2.23 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardCategory/CardCategory.css');const r=require("./index.cjs180.js"),n=require("./index.cjs182.js"),y=require("./index.cjs35.js");;/* empty css */const E=require("./index.cjs114.js"),w=require("./index.cjs10.js"),v=require("./index.cjs9.js"),C=({image:s,title:i,titleTag:u="h3",href:c,description:l,description2:d,isExternal:t=!1,showIcon:a=!1,goToLabel:e,asLink:p="a",asImage:j="img",className:h,classNameTitle:x,classNameDescription:f,handleOnClick:o})=>{const m=j,R=p;return r.jsxRuntimeExports.jsxs(R,{className:n.clsx("ui-card-category shadow br-x4 bg-white",h,o&&"cursor-pointer"),href:c,target:t?"_blank":void 0,rel:t?"noreferrer noopener":void 0,onClick:o??void 0,children:[(s==null?void 0:s.src)&&r.jsxRuntimeExports.jsx("header",{className:"ui-card-category-header",children:r.jsxRuntimeExports.jsx(m,{src:s==null?void 0:s.src,alt:s==null?void 0:s.alt,title:s==null?void 0:s.title})}),r.jsxRuntimeExports.jsxs(w.Col,{className:n.clsx(s!=null&&s.src?"ui-card-category-content-with-image ui-mt-negative":"ui-card-category-content","gap-x8 br-x4 bg-white"),children:[r.jsxRuntimeExports.jsxs(v.Row,{alignItems:"center",justifyContent:"space-between",gap:"x4",children:[r.jsxRuntimeExports.jsxs(u,{className:n.clsx("flex-1 cursor-pointer hover-underline",x||"text-primary fs-5 md-fs-custom-2"),children:[i,t&&r.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"(si apre in una nuova finestra)"})]}),a&&r.jsxRuntimeExports.jsx("span",{children:r.jsxRuntimeExports.jsx(E.ExternalLink,{width:24,height:24,color:"primary",className:"ui-external-link"})})]}),r.jsxRuntimeExports.jsxs("div",{className:n.clsx(f),children:[r.jsxRuntimeExports.jsx("p",{className:"fs-6 md-fs-custom fw-regular text-slate-28",children:l}),r.jsxRuntimeExports.jsx("p",{className:"fs-6 md-fs-custom fw-regular text-slate-28",children:d})]})]}),e&&c&&r.jsxRuntimeExports.jsx("footer",{className:"ui-card-category-footer bg-white",children:r.jsxRuntimeExports.jsx(y.ArrowLink,{href:c??"#",isExternal:t,children:e==null?void 0:e.toUpperCase()})})]})};exports.CardCategory=C;
//# sourceMappingURL=index.cjs26.js.map