"use strict";

import React from 'react';
import { CenterContainer, ModalContainerFullScreen, BorderedContainer } from '../../styledModalComponents';
import ModalHeaderComponent from '../../ModalHeaderComponent';
import { useSelector } from 'react-redux';
import { SharedSettingsInfoPanel, SharedSettingsInfoText, SharedSettingsLabelData, SharedSettingsSectionContainer, SharedSettingsStyledLabel } from '../SharedStyledComponents';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const ProfileSharesModal = ({
  handleCloseModal
}) => {
  const {
    config
  } = useSelector(state => state.chatSettingStore);
  return /*#__PURE__*/_jsxs(ModalContainerFullScreen, {
    children: [/*#__PURE__*/_jsx(ModalHeaderComponent, {
      handleCloseModal: handleCloseModal,
      headerTitle: 'Profile Shares'
    }), /*#__PURE__*/_jsx(CenterContainer, {
      children: /*#__PURE__*/_jsxs(SharedSettingsSectionContainer, {
        children: [/*#__PURE__*/_jsx(SharedSettingsStyledLabel, {
          children: "Current Profile Shares"
        }), /*#__PURE__*/_jsx(SharedSettingsLabelData, {
          children: "Listed below are your currently active profile sharing links. You can share or delete them."
        }), /*#__PURE__*/_jsx(BorderedContainer, {
          children: /*#__PURE__*/_jsx(SharedSettingsInfoPanel, {
            bgColor: config?.colors?.secondary,
            children: /*#__PURE__*/_jsx(SharedSettingsInfoText, {
              children: "There are no shares yet, or you can add them by clicking the \u201CAdd New Share\u201D button"
            })
          })
        })]
      })
    })]
  });
};
export default ProfileSharesModal;
//# sourceMappingURL=ProfileShares.js.map