@foreverrbum/ethsign/dist/components/Revision/ReviewSend.js

This package will allow you to electronically sign documents within your application

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _logoBgLight = _interopRequireDefault(require("../../assets/logo-bg-light.png"));

var _user = _interopRequireDefault(require("../../assets/user.svg"));

var _SignerForm = _interopRequireDefault(require("../Create/SignerForm"));

var _pdf = _interopRequireDefault(require("../../assets/pdf.png"));

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

var ReviewSend = function ReviewSend(props) {
  var files = props.files,
      handleFiles = props.handleFiles;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 w-full my-8 text-gray-300 text-15"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "relative mx-5 pb-2 border-b border-gray-200"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: " px-3 font-bold text-30 "
  }, "Review and Send"), /*#__PURE__*/_react.default.createElement("img", {
    src: _logoBgLight.default,
    className: "absolute bottom-0 -left-5 -z-10"
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "mx-5 px-3 mt-5 mb-10"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "font-bold mb-2"
  }, "Original Document"), /*#__PURE__*/_react.default.createElement("div", {
    className: "shadow-md p-3 flex"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _pdf.default,
    className: "mr-3"
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col justify-center"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "my-1"
  }, "Ethsign Sample Agreement.pdf"), /*#__PURE__*/_react.default.createElement("div", {
    className: "font-medium text-gray-70 my-1"
  }, "3 pages")))), /*#__PURE__*/_react.default.createElement("div", {
    className: "mx-5 px-3 mt-5 mb-10"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "font-bold mb-2"
  }, "Revisions"), /*#__PURE__*/_react.default.createElement("div", {
    className: "shadow-md p-3 flex"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _pdf.default,
    className: "mr-3"
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col justify-center"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "my-1"
  }, "Revised Ethsign Sample Agreement.pdf"), /*#__PURE__*/_react.default.createElement("div", {
    className: "font-medium text-gray-70 my-1"
  }, "3 pages")))), /*#__PURE__*/_react.default.createElement("div", {
    className: "mx-5 px-3 mt-5 mb-10"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: " font-bold mb-2"
  }, "Co Signers"), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex w-full justify-between"
  }, /*#__PURE__*/_react.default.createElement(_SignerForm.default, null))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex justify-end"
  }, /*#__PURE__*/_react.default.createElement("button", {
    className: "text-white mr-5 w-28 py-2 font-medium bg-gray-300 hover:bg-gray-600 rounded-sm"
  }, "Back"), /*#__PURE__*/_react.default.createElement("button", {
    className: "text-white w-28 py-2 font-medium bg-orange-500 hover:bg-orange-600 rounded-sm"
  }, "Submit")));
};

var _default = ReviewSend;
exports.default = _default;