@massds/mayflower-react/dist/Placeholder/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * Placeholder module.
 * @module @massds/mayflower-react/Placeholder
 */

var Placeholder = function Placeholder(placeholder) {
  var sectionStyle = {
    color: '#bbb',
    minHeight: '200px',
    border: '4px dashed #ddd',
    fontSize: '2rem',
    lineHeight: '200px',
    textAlign: 'center'
  };
  return /*#__PURE__*/_react["default"].createElement("section", {
    className: "ma__placeholder",
    style: sectionStyle
  }, placeholder.text && placeholder.text);
};
Placeholder.propTypes = process.env.NODE_ENV !== "production" ? {
  /** Placeholder text to be displayed */
  text: _propTypes["default"].string
} : {};
var _default = exports["default"] = Placeholder;
module.exports = exports.default;