"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledModalComponents = require("../../styledModalComponents");
var _ModalHeaderComponent = _interopRequireDefault(require("../../ModalHeaderComponent"));
var _icons = require("../../../../assets/icons");
var _SharedStyledComponents = require("../SharedStyledComponents");
var _StyledInputComponents = require("../../../styled/StyledInputComponents/StyledInputComponents");
var _reactRedux = require("react-redux");
var _reactNative = require("react-native");
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const ReferralsModal = ({
  handleCloseModal
}) => {
  const {
    config
  } = (0, _reactRedux.useSelector)(state => state.chatSettingStore);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledModalComponents.ModalContainerFullScreen, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalHeaderComponent.default, {
      handleCloseModal: handleCloseModal,
      headerTitle: 'Referrals'
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledModalComponents.CenterContainer, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ReferalsIcon, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsStyledLabel, {
          children: "Gift friends 25"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SendCoinIcon, {
          style: {
            width: 24,
            height: 24
          }
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsStyledLabel, {
          children: "and receive 25"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SendCoinIcon, {
          style: {
            width: 24,
            height: 24
          }
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
          children: "."
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsStyledLabel, {
          children: "Send friends invite with your personal invitation code."
        })]
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SharedStyledComponents.SharedSettingsColumnContainer, {
        style: {
          width: '100%'
        },
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsStyledLabel, {
          children: "Your invitation code"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledInputComponents.StyledInput, {
          color: config?.colors?.primary || '',
          placeholder: "Your invitation code"
          // label={'About'}
          // value={message}
          // onChange={handleInputChange}
          // onKeyDown={handleKeyDown}
          // onFocus={handleFocus}
          // onBlur={handleBlur}
          // disabled={isLoading}
        })]
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SharedStyledComponents.SharedSettingsColumnContainer, {
        style: {
          width: '100%'
        },
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsStyledLabel, {
          children: "Or enter your referral code to earn coins"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledInputComponents.StyledInput, {
          color: config?.colors?.primary || '',
          placeholder: "Your referral code"
          // label={'About'}
          // value={message}
          // onChange={handleInputChange}
          // onKeyDown={handleKeyDown}
          // onFocus={handleFocus}
          // onBlur={handleBlur}
          // disabled={isLoading}
        })]
      })]
    })]
  });
};
var _default = exports.default = ReferralsModal;
//# sourceMappingURL=Referrals.js.map