text: import React from 'react';
  import PropTypes from 'prop-types';
  import { TouchableWithoutFeedback } from 'react-native';
  import Modal from 'react-native-modal';
  import styles from './IconsPickerStyles';
  import IconsPickerList from '../iconsList/index';
  
  const { modalStyle, listStyle } = styles;
  
  const IconsPickerModal = ({ isVisible, onIconPick, hideModal, icons, selectedIconName }) => (
    <TouchableWithoutFeedback onPress={hideModal}>
      <Modal isVisible={isVisible} onBackButtonPress={hideModal} style={modalStyle}>
        <IconsPickerList
          style={listStyle}
          icons={icons}
          onIconPick={onIconPick}
          selectedIconName={selectedIconName}
          enableEmptySections
        />
      </Modal>
    </TouchableWithoutFeedback>
  );
  
  IconsPickerModal.propTypes = {
    icons: PropTypes.arrayOf(PropTypes.string),
    isVisible: PropTypes.bool,
    onIconPick: PropTypes.func,
    selectedIconName: PropTypes.string,
    hideModal: PropTypes.func,
  };
  
  export default IconsPickerModal;
  