import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import n from"react";import{SupportedLanguages as t}from"../Bloc/BlocTypes.js";import{DEFAULT_BLOC_PROPERTIES as r}from"../Bloc/BlocProperties.js";import{PropsGeneratorForGivenComponent as o}from"../../prop-utils.js";var i,l,a,s=e(e({},r),{title:"",description:"",backgroundColor:"#00B166"}),c=(a=o({title:(i={},i[t.English]="",i[t.Thai]="",i),description:(l={},l[t.English]="",l[t.Thai]="",l)},["title","description"],[])).propsGenerator,p=a.propsParser;export default function(e){var t=e.title,r=e.description,o=e.backgroundColor;return n.createElement(n.Fragment,null,n.createElement("div",{className:"Spacer__spacer full-width"},n.createElement("div",{className:"container spacer"},n.createElement("h1",{className:"title"},t),n.createElement("p",{className:"description"},r))),n.createElement("style",{jsx:!0},"\n          .full-width {\n            background-color: "+(o||"#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          .spacer {\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{s as DEFAULT_SPACER,c as spacerPropsGenerator,p as spacerPropsParser};
//# sourceMappingURL=Spacer.js.map
