"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledModalComponents = require("../../styledModalComponents");
var _icons = require("../../../../assets/icons");
var _ModalHeaderComponent = _interopRequireDefault(require("../../ModalHeaderComponent"));
var _reactRedux = require("react-redux");
var _SharedStyledComponents = require("../SharedStyledComponents");
var _Button = _interopRequireDefault(require("../../../styled/Button"));
var _SortDropDown = _interopRequireDefault(require("../../../SortDropDown"));
var _reactNative = require("react-native");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/** @format */

const DocumentSharesModal = ({
  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: 'Document Shares'
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledModalComponents.CenterContainer, {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsColumnContainer, {
        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SharedStyledComponents.SharedSettingsSectionContainer, {
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsStyledLabel, {
            children: "Current Document Shares"
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsLabelData, {
            children: "Listed below are your currently active document sharing links. You can share or delete them."
          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledModalComponents.BorderedContainer, {
            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
              style: {
                display: 'flex',
                padding: 8,
                width: '100%',
                justifyContent: 'space-between',
                alignItems: 'center'
              },
              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
                children: "List of shares"
              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
                style: {
                  display: 'flex',
                  flexDirection: 'row'
                },
                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SortDropDown.default, {
                    sortFunction: function (value) {
                      throw new Error('Function not implemented.');
                    },
                    icon: '',
                    values: ['Name', 'Surname']
                  })
                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
                  variant: "filled",
                  StartIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusIcon, {}),
                  style: {
                    width: '100%'
                  },
                  children: "Add New Share"
                })]
              })]
            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsInfoPanel, {
              bgColor: config?.colors?.secondary,
              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SharedStyledComponents.SharedSettingsInfoText, {
                children: "There are no shares yet, or you can add them by clicking the \u201CAdd New Share\u201D button"
              })
            })]
          })]
        })
      })
    })]
  });
};
var _default = exports.default = DocumentSharesModal;
//# sourceMappingURL=DocumentSharesModal.js.map