import React from 'react';
import PropTypes from 'prop-types';

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

export default Placeholder;