@foreverrbum/ethsign/dist/components/Landing/ContactUs.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 _reactIntl = require("react-intl");

var _reactHookForm = require("react-hook-form");

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var ContactUs = function ContactUs(props) {
  var _useIntl = (0, _reactIntl.useIntl)(),
      formatMessage = _useIntl.formatMessage;

  var _useForm = (0, _reactHookForm.useForm)(),
      register = _useForm.register,
      handleSubmit = _useForm.handleSubmit;

  var onSubmit = function onSubmit(data) {
    window.open("mailto:xin@ethsign.xyz?subject=".concat(data.subject));
  };

  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("form", {
    autoComplete: "off",
    onSubmit: handleSubmit(onSubmit),
    className: "mt-8 sm:mt-16 w-11/12 sm:w-3/4 md:w-2/3 lg:w-1/2 flex justify-center flex-col sm:flex-row"
  }, /*#__PURE__*/_react.default.createElement("input", _extends({
    id: "subject_of_email",
    type: "text"
  }, register("subject"), {
    placeholder: formatMessage({
      id: 'CONTACT_ABOUT'
    }),
    className: "select-none w-full sm:w-1/2 my-2 sm:my-0 p-2 sm:mx-4 text-field-2 xl:text-base"
  })), /*#__PURE__*/_react.default.createElement("button", {
    className: "select-none focus:outline-none w-full text-white sm:w-32 sm:mx-0 py-2 font-medium bg-orange-500 hover:bg-orange-600 rounded-sm font-semibold"
  }, formatMessage({
    id: 'REACH_OUT_CAPS'
  }))));
};

var _default = ContactUs;
exports.default = _default;