import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import n from"react";import{DEFAULT_BLOC_PROPERTIES as t}from"../Bloc/BlocProperties.js";var i=e(e({},t),{title:"",description:"",backgroundColor:"#00B166"});export default function(e){var t=e.backgroundColor;return n.createElement(n.Fragment,null,n.createElement("div",{className:"Hype__hype full-width"},n.createElement("div",{className:"Hyper__content container hype"},n.createElement("h2",{className:"Hype___title"},"School Values"),n.createElement("div",{style:{display:"flex"},className:"Hype___items"},n.createElement("div",{className:"item"},"RESPECT"),n.createElement("div",{className:"item"},"INQUIRY"),n.createElement("div",{className:"item"},"COLLABORATION"),n.createElement("div",{className:"item"},"RESILIENCE"),n.createElement("div",{className:"item"},"BALANCE"),n.createElement("div",{className:"item"},"DIVERSITY"),n.createElement("div",{className:"item"},"INTERGRITY")),n.createElement("img",{className:"Hype___media",width:1024,src:"https://d7smyro00yq8b.cloudfront.net/uplands.org/assets/images/7logos.png"}))),n.createElement("style",{jsx:!0},"\n            .Hyper__content {\n              justify-content: center;\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n            }\n            .Hype___title {\n              text-align: center;\n              font-size: 1.5em !important;\n              color: #fff;\n              font-weight: 700;\n            }\n            .Hype___items {\n              display: flex;\n              justify-content: center;\n            }\n            .Hype___items .item {\n              font-weight: 600;\n              color: #FAE800;\n              padding: 30px 20px 10px 20px;\n              font-size: 0.8em;\n              text-transform: capitalize;\n            }\n\n            .Hype___media {\n              margin-top: 45px;\n              box-shadow: 0 25px 30px 0 #00000040;\n              background-color: #fff;\n              margin-bottom: -60px;\n              margin-top: 35px;\n              padding: 25px;\n            }\n\n          .full-width {\n            background-color: "+(t||"#00B166")+";\n            left: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            max-width: 100vw;\n            position: relative;\n            right: 50%;\n            width: 100vw;\n\n            z-index: -1;\n          }\n\n          .hype {\n            padding: 50px 13px;\n          }\n\n        .title {\n          font-size: 28px;\n          font-family: Roboto;\n          font-weight: bold;\n          color: white!important;\n          margin-bottom: 2rem;\n        }\n\n        .description {\n          font-size: 21px;\n          color: white;\n          background: transparent;\n          width: 100%;\n          border: none;\n        }\n      "))}export{i as DEFAULT_HYPE};
//# sourceMappingURL=Hype.js.map
