import e from"react";import{Heading as t}from"../../Typography/Heading.js";import"../../../node_modules/prop-types/index.js";import{Video as r}from"../../Media/Video.js";import{Image as n}from"../../Media/Image.js";import{p as a}from"../../../_virtual/index.js_commonjs-module";var i="ph_",o={url:"",svgUrl:"",direction:null,title:null,account:null,order:null,navigationSections:[],__typename:"primary_headers"},l=function(a){var i=a.type,o=a.heroText,l=a.mediaUrl,m=a.mediaType,p=a.mediaHref,s=a.onHeaderChange,d=function(e){return e&&!e.includes("<p>")?"<p>"+e+"</p>":e};return e.createElement("div",{className:"container primary-header","com-type":i},e.createElement("div",{className:"row align-items-center"},e.createElement("div",{className:"col-12 position-relative"},e.createElement("div",{className:"header-wrapper-outline"},e.createElement("div",{className:"header-wrapper primary"},e.createElement("div",{className:"d-sm-none d-block"},e.createElement(t,{onTextEditorChange:s,text:d(o),align:"left",fontSize:"28",lineHeight:"31.06",letterSpacing:-.4,textTransform:"lowercase",fontFamily:"Avenir Next Bold",lumo:"secondary-base"})),e.createElement("div",{className:"d-none d-sm-block"},e.createElement(t,{onTextEditorChange:s,text:d(o),align:"left",fontSize:"45",lineHeight:"69.06",letterSpacing:-.4,wrapperStyle:{marginBottom:"21px"},textTransform:"lowercase",fontFamily:"Avenir Next Bold",lumo:"secondary-base"})))),e.createElement("div",{className:"header-media-wrapper"},null==l||""===l||null==m?e.createElement(e.Fragment,null):e.createElement(e.Fragment,null,"video"===m?e.createElement(r,{url:l,autoPlay:!0}):e.createElement(n,{src:l[0],alt:o,maxHeight:"400",objectFit:"cover",href:p}))))),e.createElement("style",{jsx:!0},"\n                .primary-header{\n                    min-height: 400px;\n                }\n\n                @media (max-width: 500px) {\n                    .primary-header {\n                        height: 250px;\n                    }\n                }\n\n                .header-wrapper {\n                    background: rgb(255 255 255 / 72%);\n                    position: absolute;\n                    left: 20px;\n                    bottom: 3px;\n                }\n\n                .header-wrapper >div {\n                    position: relative;\n                    bottom: -15px;\n                }\n\n                .header-media-wrapper {\n                    width: 100%;\n                    min-height: 200px;\n                    max-height: 800px;\n                    //max-width: 100%;\n                    object-fit: cover;\n                }\n\n            "))};l.propTypes={type:a.exports.string,heroText:a.exports.string,imageUrl:a.exports.string,mediaType:a.exports.string,mediaHref:a.exports.string,mediaUrl:a.exports.arrayOf(a.exports.string),onHeaderChange:a.exports.func};export default l;export{o as DEFAULT_PRIMARY_HEADER,i as PRIMARY_HEADER_PREFIX};
//# sourceMappingURL=PrimaryHeader.js.map
