"use strict";
require("react");
const emotionReactJsxRuntime_browser_esm = require("../../../../../../../@emotion_react@11.10.4_3toe27fv7etiytxb5kxc7fxaw4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js");
var __assign = globalThis && globalThis.__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);
};
var Filler = function(_a) {
  var height = _a.height, offset = _a.offset, children = _a.children, propsOuterStyle = _a.outerStyle;
  var outerStyle = {};
  var innerStyle = {
    display: "flex",
    flexDirection: "column"
  };
  if (offset !== void 0) {
    outerStyle = __assign({
      height,
      position: "relative",
      overflow: "hidden",
      zIndex: 0
    }, propsOuterStyle);
    innerStyle = __assign(__assign({}, innerStyle), {
      transform: "translateY(" + offset + "px)",
      position: "absolute",
      left: 0,
      right: 0,
      top: 0
    });
  }
  return /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsx("div", {
    style: outerStyle,
    children: /* @__PURE__ */ emotionReactJsxRuntime_browser_esm.jsx("div", {
      style: innerStyle,
      children
    })
  });
};
const Filler$1 = Filler;
module.exports = Filler$1;
//# sourceMappingURL=Filler.js.map
