import e from"react";import{Image as n}from"../../Media/Image.js";import t from"../../common/Modal/Modal.js";import{Grid as a,GridItem as l}from"../../../node_modules/@chakra-ui/layout/dist/esm/grid.js";var i=function(i){var o=i.linkedIn,r=i.fullName,g=i.title,m=i.content,c=i.imageUrl,d=i.alignment;return e.createElement(e.Fragment,null,e.createElement(t,{modalTriggerButton:i.children,modalTriggerButtonClassName:"",modalTitle:"",modalSize:"lg",ActionButton:!1,ActionButtonLabel:"",ActionButtonColorScheme:""},e.createElement("div",{className:"BiographyContainer","data-align":d},e.createElement("div",null,e.createElement(a,null,e.createElement(l,null,e.createElement("div",{className:"BiographyModal__media"},e.createElement(n,{src:c||"/static/icons/app-image-upload.svg",alt:g,round:!0})),o&&""!=o&&e.createElement("div",{className:"BiographyModal__linkedIn"},e.createElement("a",{target:"_blank",rel:"noreferrer",href:o},e.createElement("img",{src:"/static/icons/linked.svg",alt:"linked in"})))),e.createElement("br",null),e.createElement(l,null,e.createElement("div",{className:"BiographyModal__fullName_center"}," ",e.createElement("span",{className:"BiographyModal__fullName",dangerouslySetInnerHTML:{__html:r}})),e.createElement("div",{className:"BiographyModal__title_center"}," ",e.createElement("span",{className:"BiographyModal__title",dangerouslySetInnerHTML:{__html:g}})),e.createElement("div",{className:"BiographyModal__content_center"}," ",e.createElement("p",{className:"BiographyModal__content",dangerouslySetInnerHTML:{__html:m}}))))))),e.createElement("style",{jsx:!0,global:!0},"\n        .BiographyContainer {\n          margin-top: 20px;\n          text-align: center;\n        }\n        .BiographyModal__media img {\n          width: 100%;\n          height: auto;\n        }\n\n        .BiographyModal__media {\n          width: 200px;\n          height: 200px;\n          margin: auto;\n          border-radius: 50% !important;\n        }\n\n        .BiographyModal__fullName {\n          font-size: 31px;\n          line-height: 120%;\n          font-weight: 800;\n          color: #ac1260;\n          font-family: 'Avenir-Next-Bold', Avenir Next Bold,'Sukhumvit Set';\n          text-align: center;\n        }\n        .BiographyModal__fullName_left {\n          text-align: left;\n        }\n        .BiographyModal__fullName_right {\n          text-align: right;\n        }\n        .BiographyModal__fullName_center {\n          text-align: center;\n        }\n        .BiographyModal__title {\n          font-size: 23px;\n          line-height: 120%;\n          font-weight: 800;\n          color: #ac1260;\n          font-family: 'Avenir-Next-Bold', Avenir Next Bold,'Sukhumvit Set';\n          text-align: center;\n        }\n        .BiographyModal__title_left {\n          text-align: left;\n        }\n        .BiographyModal__title_right {\n          text-align: right;\n        }\n        .BiographyModal__title_center {\n          text-align: center;\n        }\n        .BiographyModal__content {\n          font-family: Bressay, Sukhumvit Set;\n          font-size: 21px;\n          text-align: center;\n          line-height: 1.43;\n          -webkit-letter-spacing: 0px;\n          -moz-letter-spacing: 0px;\n          -ms-letter-spacing: 0px;\n          letter-spacing: 0px;\n          color: #051634;\n          overflow-wrap: break-word;\n          -webkit-font-smoothing: antialiased;\n          -moz-osx-font-smoothing: grayscale;\n}\n        }\n        .BiographyModal__content_center {\n          text-align: center;\n          margin-top: 20px;\n        }\n        .BiographyModal__content_left {\n          text-align: left;\n          margin-top: 20px;\n        }\n        .BiographyModal__content_right {\n          text-align: right;\n          margin-top: 20px;\n        }\n\n        .BiographyModal__linkedIn {\n          text-align: center;\n          width: 20px;\n          height: 20px;\n          margin: auto;\n          margin-top: 10px;\n        }\n        BiographyModal__linkedIn img {\n        }\n      "))};export{i as BiographyModal};
//# sourceMappingURL=BiographyModal.js.map
