UNPKG

@anoki/fse-ui

Version:

FSE UI components library

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