'use strict';

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var Placeholder = function Placeholder(placeholder) {
  var sectionStyle = {
    color: '#bbb',
    minHeight: '200px',
    border: '4px dashed #ddd',
    fontSize: '2rem',
    lineHeight: '200px',
    textAlign: 'center'
  };
  return _react2.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: _propTypes2.default.string
} : {};

exports.default = Placeholder;
module.exports = exports['default'];