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 a from"../../common/Breadcrumb/Breadcrumb.js";import{p as i}from"../../../_virtual/index.js_commonjs-module";var o=function(i){var o=i.type,m=i.heroText,l=i.mediaUrl,d=i.mediaType,s=i.mediaHref,p=i.onHeaderChange,c=i.breadcrumb,x=function(e){return e&&!e.includes("<p>")?"<p>"+e+"</p>":e};return e.createElement("div",{className:"container primary-header","com-type":o},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 condensed"},e.createElement("div",{className:"d-sm-none d-block"},e.createElement(t,{onTextEditorChange:p,text:x(m),align:"center",fontSize:"28",lineHeight:"31.06",letterSpacing:-.4,textTransform:"lowercase",fontFamily:"Avenir Next Bold",lumo:"condensed"})),e.createElement("div",{className:"d-none d-sm-block"},e.createElement(t,{onTextEditorChange:p,text:x(m),align:"center",fontSize:"96",lineHeight:"102",letterSpacing:"-.025em",textTransform:"lowercase",fontFamily:"Avenir Next Bold",lumo:"condensed"}),c&&e.createElement(a,{pathname:"/news-and-events/articles",title:"Back to News and Events"})))),e.createElement("div",{className:"header-media-wrapper"},null==l||""==l||null==d?e.createElement(e.Fragment,null):e.createElement(e.Fragment,null,"video"==d?e.createElement(r,{url:l,autoPlay:!0}):e.createElement(n,{src:l[0],alt:m,maxHeight:"600",objectFit:"cover",href:s}))))),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                    width: 100%;\n                    position: absolute;\n                    left: 0px;\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            "))};o.propTypes={type:i.exports.string,heroText:i.exports.string,imageUrl:i.exports.string,mediaType:i.exports.string,mediaUrl:i.exports.arrayOf(i.exports.string),mediaHref:i.exports.string,onHeaderChange:i.exports.func};export default o;
//# sourceMappingURL=CondensedHeader.js.map
