@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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/**
 * 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 = Placeholder;
exports["default"] = _default;
module.exports = exports.default;