"use strict";

import React from 'react';
import { ModalContainerFullScreen, CenterContainer } from '../../styledModalComponents';
import ModalHeaderComponent from '../../ModalHeaderComponent';
import { ReferalsIcon, SendCoinIcon } from '../../../../assets/icons';
import { SharedSettingsColumnContainer, SharedSettingsStyledLabel } from '../SharedStyledComponents';
import { StyledInput } from '../../../styled/StyledInputComponents/StyledInputComponents';
import { useSelector } from 'react-redux';
import { Text } from 'react-native';
import Animated from 'react-native-reanimated';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const ReferralsModal = ({
  handleCloseModal
}) => {
  const {
    config
  } = useSelector(state => state.chatSettingStore);
  return /*#__PURE__*/_jsxs(ModalContainerFullScreen, {
    children: [/*#__PURE__*/_jsx(ModalHeaderComponent, {
      handleCloseModal: handleCloseModal,
      headerTitle: 'Referrals'
    }), /*#__PURE__*/_jsxs(CenterContainer, {
      children: [/*#__PURE__*/_jsx(ReferalsIcon, {}), /*#__PURE__*/_jsxs(Animated.View, {
        children: [/*#__PURE__*/_jsx(SharedSettingsStyledLabel, {
          children: "Gift friends 25"
        }), /*#__PURE__*/_jsx(SendCoinIcon, {
          style: {
            width: 24,
            height: 24
          }
        }), /*#__PURE__*/_jsx(SharedSettingsStyledLabel, {
          children: "and receive 25"
        }), /*#__PURE__*/_jsx(SendCoinIcon, {
          style: {
            width: 24,
            height: 24
          }
        }), /*#__PURE__*/_jsx(Text, {
          children: "."
        }), /*#__PURE__*/_jsx(SharedSettingsStyledLabel, {
          children: "Send friends invite with your personal invitation code."
        })]
      }), /*#__PURE__*/_jsxs(SharedSettingsColumnContainer, {
        style: {
          width: '100%'
        },
        children: [/*#__PURE__*/_jsx(SharedSettingsStyledLabel, {
          children: "Your invitation code"
        }), /*#__PURE__*/_jsx(StyledInput, {
          color: config?.colors?.primary || '',
          placeholder: "Your invitation code"
          // label={'About'}
          // value={message}
          // onChange={handleInputChange}
          // onKeyDown={handleKeyDown}
          // onFocus={handleFocus}
          // onBlur={handleBlur}
          // disabled={isLoading}
        })]
      }), /*#__PURE__*/_jsxs(SharedSettingsColumnContainer, {
        style: {
          width: '100%'
        },
        children: [/*#__PURE__*/_jsx(SharedSettingsStyledLabel, {
          children: "Or enter your referral code to earn coins"
        }), /*#__PURE__*/_jsx(StyledInput, {
          color: config?.colors?.primary || '',
          placeholder: "Your referral code"
          // label={'About'}
          // value={message}
          // onChange={handleInputChange}
          // onKeyDown={handleKeyDown}
          // onFocus={handleFocus}
          // onBlur={handleBlur}
          // disabled={isLoading}
        })]
      })]
    })]
  });
};
export default ReferralsModal;
//# sourceMappingURL=Referrals.js.map