import e,{Suspense as n}from"react";import"../../../node_modules/prop-types/index.js";import t from"../../../node_modules/next/router.js";import a from"../../common/Loading/Loading.js";import{p as i}from"../../../_virtual/index.js_commonjs-module";var r=e.lazy((function(){return import("../../Typography/Paragraph/index.js")})),l=e.lazy((function(){return import("../../Typography/Heading.js")})),m=e.lazy((function(){return import("../../Media/Image.js")})),o=function(){return e.createElement(a,null)};function d(t){var a=t.title,i=t.subTitle,d=t.content,s=t.mediaUrl,c=t.headingLumo,p=t.textColor,g=t.isImageFullHeight,x=t.imageSideArrangement,u=t.onContentChange,h=t.onTitleChange,f=t.onSubTitleChange,y=t.onImageChange,v=t.imageOrientation,E="/static/icons/app-image-upload.svg";return e.createElement(e.Fragment,null,e.createElement("div",{className:"Voice__media"},e.createElement("div",{className:"media-wrapper "+("left"===x?"voice-media-reverse":"")},e.createElement("div",null,e.createElement("div",{className:"media-heading"},e.createElement(n,{fallback:o()},e.createElement(l,{text:a,align:"left",fontSize:"40",lineHeight:"44",letterSpacing:"-1",fontFamily:"Avenir Next Bold",lumo:null!=c&&""!==c?c:"secondary-base",type:"h2",onTextEditorChange:h}),e.createElement(l,{text:i,align:"left",fontSize:"25",lineHeight:"44",letterSpacing:"-1",fontFamily:"Avenir Next Bold",lumo:"secondary-base",type:"h2",onTextEditorChange:f}))),e.createElement(n,{fallback:o()},e.createElement("div",{className:"d-sm-none d-block"},e.createElement(r,{onTextEditorChange:u,content:d,color:p||"black",align:"left",fontSize:"1.125rem",lineHeight:"1.43",fontFamily:"Bressay, Sukhumvit Set",letterSpacing:"0",textTransform:"normal",lumo:"primary-dark"})),e.createElement("div",{className:"d-none d-sm-block"},e.createElement(r,{onTextEditorChange:u,content:d,align:"left",fontSize:"21px",lineHeight:"1.43",fontFamily:"Bressay, Sukhumvit Set",letterSpacing:"0",color:p||"black",textTransform:"normal",lumo:"primary-dark"})))),e.createElement("div",{className:"Imagery__Frame "+("true"===g?"full-cover":"")},e.createElement(n,{fallback:o()},e.createElement("div",{className:"d-none d-sm-block"},e.createElement(m,{src:s||E,onImageChange:y,alt:a,width:"true"===g?"800":"400",height:"true"===g?"100%":"500",classes:"potrait"===v?"potrait":"landscape"})),e.createElement("div",{className:"d-sm-none d-block"},e.createElement(m,{src:s||E,onImageChange:y,alt:a})))))),e.createElement("style",{jsx:!0},"\n        .Voice__media {\n          max-width: 1021px;\n          margin: auto;\n        }\n\n        .media {\n          align-items: center !important;\n        }\n        .image-framed {\n          width: inherit;\n        }\n        .Paragraph {\n          max-width: 29.5625em;\n        }\n        .Imagery__Frame {\n          padding-top: "+("true"===g?"0px":"24px")+";\n        }\n        .image-framed {\n          width: inherit;\n        }\n        .media-left {\n          width: 500px;\n        }\n\n        .media-wrapper {\n          display: flex;\n          align-items: flex-start;\n        }\n\n        :global(.media-body) {\n          padding: 15px 21px 15px 0;\n        }\n\n        @media (min-width: 768px) {\n          .voice-media-reverse {\n            flex-direction: row-reverse !important;\n          }\n\n          :global(.voice-media-reverse .media-body) {\n            padding-left: 21px !important;\n          }\n        }\n\n        @media (max-width: 767px) {\n          .media-wrapper {\n            align-items: center;\n          }\n        }\n\n        @media (max-width: 991px) {\n          .media-wrapper {\n            align-items: left;\n            flex-direction: column;\n          }\n        }\n\n        @media (min-width: 992px) {\n          .media-wrapper {\n            align-items: center;\n            flex-direction: row;\n          }\n        }\n      "))}d.propTypes={title:i.exports.string,subTitle:i.exports.string,content:i.exports.string,mediaUrl:i.exports.string,onVoiceMediaChange:i.exports.func,isImageFullHeight:i.exports.string};var s=t.withRouter(d);export default s;
//# sourceMappingURL=VoiceMedia1.js.map
