import React, { Component } from 'react';
import { components } from 'react-select';
import PropTypes from 'prop-types';
import ActivateSuggestions from './ActivateSuggestions';

class Menu extends Component {
  static propTypes = {
    selectProps: PropTypes.object.isRequired,
    children: PropTypes.node.isRequired,
  };

  render() {
    const { selectProps } = this.props;
    return (
      <components.Menu {...this.props}>
        {selectProps.activateSuggestions !== null ? (
          <ActivateSuggestions
            closeMenu={selectProps.closeMenu}
            activateSuggestions={selectProps.activateSuggestions}
          />
        ) : (
          this.props.children
        )}
      </components.Menu>
    );
  }
}

export default Menu;