//  Package imports.
import PropTypes from 'prop-types';
import React from 'react';
import ImmutablePropTypes from 'react-immutable-proptypes';

//  Components.
import ComposerTextareaSuggestionsItem from './item';

//  The component.
export default function ComposerTextareaSuggestions ({
  hidden,
  onSuggestionClick,
  suggestions,
  value,
}) {

  //  The result.
  return (
    <div
      className='composer--textarea--suggestions'
      hidden={hidden || !suggestions || suggestions.isEmpty()}
    >
      {!hidden && suggestions ? suggestions.map(
        (suggestion, index) => (
          <ComposerTextareaSuggestionsItem
            index={index}
            key={typeof suggestion === 'object' ? suggestion.id : suggestion}
            onClick={onSuggestionClick}
            selected={index === value}
            suggestion={suggestion}
          />
        )
      ) : null}
    </div>
  );
}

ComposerTextareaSuggestions.propTypes = {
  hidden: PropTypes.bool,
  onSuggestionClick: PropTypes.func,
  suggestions: ImmutablePropTypes.list,
  value: PropTypes.number,
};