UNPKG

@sms-frontend/components

Version:

SMS Design React UI Library.

31 lines (30 loc) 1.12 kB
var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; import * as React from 'react'; /** * Create visual height for content */ var Filler = function (_a) { var height = _a.height, offset = _a.offset, children = _a.children; var outerStyle = {}; var innerStyle = { display: 'flex', flexDirection: 'column', }; if (offset !== undefined) { outerStyle = { height: height, position: 'relative', overflow: 'hidden', zIndex: 0 }; innerStyle = __assign(__assign({}, innerStyle), { transform: "translateY(" + offset + "px)", position: 'absolute', left: 0, right: 0, top: 0 }); } return (React.createElement("div", { style: outerStyle }, React.createElement("div", { style: innerStyle }, children))); }; export default Filler;