import e from"react";import{srcIframeParser as n}from"../../../utils/string.js";function t(t){var r=t.title,a=t.isContentComponent,l=t.text,i=t.imageUrl,o=t.linkUrl,m=t.linkText,s=t.minHeight,c=t.imageHeight,d=t.youtube,g=t.date,p="https://img.youtube.com/vi/"+n(d)+"/maxresdefault.jpg";return e.createElement(e.Fragment,null,e.createElement("div",{className:"card"},null==i||""==i?e.createElement(e.Fragment,null):e.createElement("img",{src:i,className:"card-img-top",alt:r}),null==d||""==d?e.createElement(e.Fragment,null):e.createElement("div",{className:"CardYoutube"},e.createElement("img",{src:p})),e.createElement("div",{className:"card-body"},e.createElement("h2",{className:"CardTitle"},r),e.createElement("p",{className:"Card__date"},g),a?l:e.createElement("p",{className:"CardText",dangerouslySetInnerHTML:{__html:l.substring(0,160)+"..."}}),e.createElement("div",{className:"btn-action-wrapper-card"},e.createElement("a",{href:o,target:o.startsWith("/")?"_self":"_blank",className:"btn-action"},e.createElement("span",null,m))))),e.createElement("style",{jsx:!0},"\n        .CardYoutube {\n          min-height: 189px;\n          height: 189px;\n        }\n\n        .CardTitle {\n          margin-bottom: 5px;\n        }\n        .Card__date {\n          font: 600 15px/1.33 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;\n          font-family: AvenirNext, 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;\n          letter-spacing: normal;\n          margin-bottom: 11px;\n          margin: 0 0 1em;\n          color: #051634;\n        }\n        .card {\n          border-radius: 0px;\n          border: none;\n          min-height: "+(s||450)+"px;\n          background-color: #f8f8f8;\n\n          flex-direction: column;\n          margin-bottom: 21px;\n          display: flex;\n          flex-flow: wrap;\n          justify-content: space-between;\n          align-items: stretch;\n          align-content: space-between;\n        }\n        .card-img,\n        .card-img-top {\n          border-radius: 0px;\n          object-fit: cover;\n          object-position: center 10%;\n          width: 100%;\n          height: "+(c||189)+"px;\n        }\n\n        .chevron:before {\n          border-style: solid;\n          border-width: 0.2em 0.2em 0 0;\n          border-color: #f09d07;\n          content: '';\n          display: inline-block;\n          height: 0.6em;\n          width: 0.6em;\n          left: 0.15em;\n          position: relative;\n          top: 0.85em;\n          -webkit-transform: rotate(-45deg);\n          -ms-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n          vertical-align: top;\n        }\n        .CardText {\n          font-size: 18px;\n          line-height: 1.5;\n          min-height: 135px;\n        }\n        .chevron.right:before {\n          left: 0;\n          transform: rotate(45deg);\n        }\n      "))}export default t;
//# sourceMappingURL=MediumCard.js.map
