@r3l/app/lib/modules/createPost/image/ImageButton.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

var _styled = require("../../styled");

var _imgIcon = _interopRequireDefault(require("../../../../public/img/icons/img-icon.png"));

var ImageButton = function ImageButton(_ref) {
  var isDragActive = _ref.isDragActive,
      uploading = _ref.uploading,
      noText = _ref.noText;
  return /*#__PURE__*/_react.default.createElement(_styled.Row, {
    sx: {
      margin: 'auto',
      variant: 'cursor'
    }
  }, noText && uploading ? null : /*#__PURE__*/_react.default.createElement(_styled.Image, {
    resizeMode: "contain",
    sx: {
      mr: 3.001,
      width: 14,
      height: 14
    },
    source: _imgIcon.default
  }), uploading ? /*#__PURE__*/_react.default.createElement(Uploading, {
    noText: noText
  }) : noText ? null : /*#__PURE__*/_react.default.createElement(_styled.CTALink, {
    sx: {
      color: 'black'
    }
  }, isDragActive ? 'Drop image here ...' : 'Add Image'));
};

exports.ImageButton = ImageButton;

var Uploading = function Uploading(_ref2) {
  var noText = _ref2.noText;
  return /*#__PURE__*/_react.default.createElement(_styled.Row, null, noText ? null : /*#__PURE__*/_react.default.createElement(_styled.CTALink, {
    sx: {
      color: 'black',
      mr: 3.001
    }
  }, "Uploading Images..."), /*#__PURE__*/_react.default.createElement(_styled.ActivityIndicator, null));
};
//# sourceMappingURL=ImageButton.js.map