"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _css2 = require("@emotion/css");

var _css3 = _interopRequireDefault(_css2);

var _core = require("@emotion/core");

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _presets = require("../presets");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/** @jsx jsx */
var SpacePlaceholder = function SpacePlaceholder(_ref) {
  var _ref$hint = _ref.hint,
      hint = _ref$hint === void 0 ? "content placeholder" : _ref$hint,
      _ref$width = _ref.width,
      width = _ref$width === void 0 ? "100%" : _ref$width,
      _ref$height = _ref.height,
      height = _ref$height === void 0 ? "6rem" : _ref$height;
  return (0, _core.jsx)("div", {
    css:
    /*#__PURE__*/
    (0, _css3["default"])({
      alignItems: "center",
      background: _presets.palette.grey[50],
      color: _presets.palette.grey[500],
      display: "flex",
      height: height,
      justifyContent: "center",
      width: width
    }, "label:SpacePlaceholder;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9zdG9yeWJvb2svU3BhY2VQbGFjZWhvbGRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXSSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdXRpbHMvc3Rvcnlib29rL1NwYWNlUGxhY2Vob2xkZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IGpzeCB9IGZyb20gXCJAZW1vdGlvbi9jb3JlXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHsgcGFsZXR0ZSB9IGZyb20gXCIuLi9wcmVzZXRzXCJcblxuY29uc3QgU3BhY2VQbGFjZWhvbGRlciA9ICh7XG4gIGhpbnQgPSBgY29udGVudCBwbGFjZWhvbGRlcmAsXG4gIHdpZHRoID0gYDEwMCVgLFxuICBoZWlnaHQgPSBgNnJlbWAsXG59KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e3tcbiAgICAgIGFsaWduSXRlbXM6IGBjZW50ZXJgLFxuICAgICAgYmFja2dyb3VuZDogcGFsZXR0ZS5ncmV5WzUwXSxcbiAgICAgIGNvbG9yOiBwYWxldHRlLmdyZXlbNTAwXSxcbiAgICAgIGRpc3BsYXk6IGBmbGV4YCxcbiAgICAgIGhlaWdodDogaGVpZ2h0LFxuICAgICAganVzdGlmeUNvbnRlbnQ6IGBjZW50ZXJgLFxuICAgICAgd2lkdGg6IHdpZHRoLFxuICAgIH19XG4gID5cbiAgICB7aGludH1cbiAgPC9kaXY+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IFNwYWNlUGxhY2Vob2xkZXJcbiJdfQ== */"))
  }, hint);
};

exports["default"] = SpacePlaceholder;