import React from 'react';
import { ElementRoot } from "../../../components/ElementRoot";
import styled from "styled-components";
var SpacerHeight = /*#__PURE__*/styled('div', {
  target: "e8886hn0",
  label: "SpacerHeight"
})({
  position: 'absolute',
  width: 50,
  top: 'calc(50% - 12px)',
  left: 'calc(50% - 25px)',
  color: 'white',
  fontSize: 12,
  padding: 5,
  borderRadius: 5
});
var MIN_HEIGHT = 20;
var INIT_HEIGHT = 100;

var Spacer = function Spacer(props) {
  var elementStyle = props.elementStyle,
      element = props.element;
  var localHeight = null;

  var _ref = elementStyle || {},
      _ref$initialHeight = _ref.initialHeight,
      initialHeight = _ref$initialHeight === void 0 ? MIN_HEIGHT : _ref$initialHeight;

  var height = initialHeight;

  if (localHeight) {
    height = localHeight;
  }

  return /*#__PURE__*/React.createElement(ElementRoot, {
    element: element
  }, /*#__PURE__*/React.createElement(SpacerHeight, {
    style: {
      height: height
    }
  }, height, "px"));
};

export default Spacer;
//# sourceMappingURL=Spacer.js.map