"use strict";

/** @format */

import React from 'react';
import { CenterContainer, ModalContainerFullScreen, BorderedContainer } from '../../styledModalComponents';
import { PlusIcon } from '../../../../assets/icons';
import ModalHeaderComponent from '../../ModalHeaderComponent';
import { useSelector } from 'react-redux';
import { SharedSettingsSectionContainer, SharedSettingsStyledLabel, SharedSettingsLabelData, SharedSettingsInfoPanel, SharedSettingsInfoText, SharedSettingsColumnContainer } from '../SharedStyledComponents';
import Button from '../../../styled/Button';
import DropdownMenu from '../../../SortDropDown';
import { View } from 'react-native';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const DocumentSharesModal = ({
  handleCloseModal
}) => {
  const {
    config
  } = useSelector(state => state.chatSettingStore);
  return /*#__PURE__*/_jsxs(ModalContainerFullScreen, {
    children: [/*#__PURE__*/_jsx(ModalHeaderComponent, {
      handleCloseModal: handleCloseModal,
      headerTitle: 'Document Shares'
    }), /*#__PURE__*/_jsx(CenterContainer, {
      children: /*#__PURE__*/_jsx(SharedSettingsColumnContainer, {
        children: /*#__PURE__*/_jsxs(SharedSettingsSectionContainer, {
          children: [/*#__PURE__*/_jsx(SharedSettingsStyledLabel, {
            children: "Current Document Shares"
          }), /*#__PURE__*/_jsx(SharedSettingsLabelData, {
            children: "Listed below are your currently active document sharing links. You can share or delete them."
          }), /*#__PURE__*/_jsxs(BorderedContainer, {
            children: [/*#__PURE__*/_jsxs(View, {
              style: {
                display: 'flex',
                padding: 8,
                width: '100%',
                justifyContent: 'space-between',
                alignItems: 'center'
              },
              children: [/*#__PURE__*/_jsx(View, {
                children: "List of shares"
              }), /*#__PURE__*/_jsxs(View, {
                style: {
                  display: 'flex',
                  flexDirection: 'row'
                },
                children: [/*#__PURE__*/_jsx(View, {}), /*#__PURE__*/_jsx(View, {
                  children: /*#__PURE__*/_jsx(DropdownMenu, {
                    sortFunction: function (value) {
                      throw new Error('Function not implemented.');
                    },
                    icon: '',
                    values: ['Name', 'Surname']
                  })
                }), /*#__PURE__*/_jsx(Button, {
                  variant: "filled",
                  StartIcon: /*#__PURE__*/_jsx(PlusIcon, {}),
                  style: {
                    width: '100%'
                  },
                  children: "Add New Share"
                })]
              })]
            }), /*#__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 DocumentSharesModal;
//# sourceMappingURL=DocumentSharesModal.js.map