@procore/core-react
Version:
React library of Procore Design Guidelines
47 lines • 1.56 kB
JavaScript
import React from 'react';
import { FullLayout } from './FullLayout';
var ProcoreGlobalBanner = function ProcoreGlobalBanner() {
return /*#__PURE__*/React.createElement("div", {
style: {
width: '100%',
height: 40,
background: 'gray',
color: 'white',
textAlign: 'center'
}
}, "Global Banner");
};
var ProcoreGlobalHeader = function ProcoreGlobalHeader(_ref) {
var _ref$banner = _ref.banner,
banner = _ref$banner === void 0 ? false : _ref$banner;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
style: {
width: '100%',
height: 52,
background: 'black',
color: 'white',
textAlign: 'center'
}
}, "Global Header"), banner && /*#__PURE__*/React.createElement(ProcoreGlobalBanner, null));
};
var ProcoreGlobalFooter = function ProcoreGlobalFooter() {
return /*#__PURE__*/React.createElement("div", {
style: {
width: '100%',
backgroundColor: 'black',
color: '#e7e7e7',
padding: '5px 10px',
fontSize: '11px',
display: 'block',
textAlign: 'center',
zIndex: 'auto',
position: 'relative'
}
}, "Global Footer");
};
export var WithNavigationLayout = function WithNavigationLayout(props) {
return /*#__PURE__*/React.createElement(FullLayout, null, /*#__PURE__*/React.createElement(ProcoreGlobalHeader, {
banner: props.banner
}), props.children, /*#__PURE__*/React.createElement(ProcoreGlobalFooter, null));
};
//# sourceMappingURL=WithNavigationLayout.js.map