import e from"react";import{Heading as n}from"../../Typography/Heading.js";import"../../../node_modules/prop-types/index.js";import{Image as r}from"../../Media/Image.js";import{Video as t}from"../../Media/Video.js";import a from"../../common/Breadcrumb/Breadcrumb.js";import{p as i}from"../../../_virtual/index.js_commonjs-module";var m=function(i){var m=i.type,o=i.heroText,l=i.mediaUrl,d=i.mediaType,p=i.mediaHref,s=i.onHeaderChange,c=i.breadcrumb,g=function(e){return e&&!e.includes("<p>")?"<p>"+e+"</p>":e};return e.createElement("div",{className:"container generic-header","com-type":m},e.createElement("div",{className:"row align-items-center"},e.createElement("div",{className:"col-12"},e.createElement("div",{className:"header-wrapper-outline"},e.createElement("div",{className:"header-wrapper generic"},e.createElement("div",{className:"d-sm-none d-block"},e.createElement(n,{onTextEditorChange:s,text:g(o),align:"left",fontSize:"28",lineHeight:"31.06",letterSpacing:-.4,textTransform:"lowercase",fontFamily:"Avenir Next Bold",lumo:"secondary-base"})),c&&e.createElement(a,{pathname:"/news-and-events/articles",title:"Back to News and Events"}),e.createElement("div",{className:"d-none d-sm-block"},e.createElement(n,{onTextEditorChange:s,text:g(o),align:"left",fontSize:"65",lineHeight:"69.06",letterSpacing:-.4,textTransform:"lowercase",fontFamily:"Avenir Next Bold",lumo:"secondary-base"})))),null==l||""==l||null==d?e.createElement(e.Fragment,null):e.createElement("div",{className:"header-image-wrapper"},"video"==d?e.createElement(t,{url:l,autoPlay:!0}):e.createElement(r,{src:l[0],alt:o,maxHeight:"400",objectFit:"cover",href:p})))),e.createElement("style",{jsx:!0},"\n                .header-wrapper {\n                    position: relative;\n                    bottom: -35px;\n                    left: 0;\n                }\n\n                .generic-header {\n                    height: 400px;\n                }\n                @media (max-width: 500px) {\n                    .generic-header {\n                        height: 250px;\n                    }\n                }\n\n                .header-wrapper-outline {\n                    margin-bottom: 3rem;\n                }\n\n                .header-wrapper.generic {\n                    padding: 0 15px 25px 15px;\n                }\n\n                .heading {\n                    text-align: left !important;\n                }\n\n                .header-image-wrapper {\n                    width: 100%;\n                    max-height: 400px;\n                    max-width: 100%;\n                }\n\n                @media (min-width: 993px) {\n                    .header-wrapper.generic {\n                        width: 50%;\n                    }\n                }\n            "))};m.propTypes={type:i.exports.string,heroText:i.exports.string,imageUrl:i.exports.string,mediaType:i.exports.string,mediaHref:i.exports.string,mediaUrl:i.exports.arrayOf(i.exports.string),onHeaderChange:i.exports.func};export default m;
//# sourceMappingURL=GenericHeader.js.map
