"use strict";

exports.__esModule = true;
exports.default = exports.PlaceHolder = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _button = _interopRequireDefault(require("../../atom/button"));
var _placeholder = _interopRequireDefault(require("./placeholder.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const PlaceHolder = ({
  title,
  uploadLabel,
  primaryColor,
  buttonTitle
}) => {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: _placeholder.default.dropZoneContainer
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _placeholder.default.title
  }, title), /*#__PURE__*/_react.default.createElement("div", {
    className: _placeholder.default.dropZone
  }, /*#__PURE__*/_react.default.createElement("p", {
    className: _placeholder.default.uploadLabel
  }, uploadLabel)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
    "data-name": "cta",
    type: "link",
    submitValue: buttonTitle,
    className: _placeholder.default.selectButton,
    style: {
      backgroundColor: primaryColor
    }
  })));
};
exports.PlaceHolder = PlaceHolder;
var _default = exports.default = PlaceHolder;
PlaceHolder.propTypes = process.env.NODE_ENV !== "production" ? {
  title: _propTypes.default.string,
  uploadLabel: _propTypes.default.string,
  primaryColor: _propTypes.default.string,
  buttonTitle: _propTypes.default.string
} : {};
//# sourceMappingURL=placeholder.js.map