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

React versions of Mayflower design system UI components

/**
 * Placeholder module.
 * @module @massds/mayflower-react/Placeholder
 */
import React from "react";
import PropTypes from "prop-types";
const Placeholder = placeholder => {
  const sectionStyle = {
    color: '#bbb',
    minHeight: '200px',
    border: '4px dashed #ddd',
    fontSize: '2rem',
    lineHeight: '200px',
    textAlign: 'center'
  };
  return /*#__PURE__*/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;