import React from 'react';
import { VirtualPortal } from './VirtualPortal';
// import RecentSearchList from './RecentSearchList'
import SearchSuggestionList from './SearchSuggestionList';
import { SearchDropdownComponent } from './styled';
/**
 * @todo should move identifier to fixture
 * @todo interfaces
 */
class SearchSuggestionDropdown extends React.PureComponent {
    get isVisible() {
        return this.props.isVisible === true || this.props.isHidden === false;
    }
    render() {
        return (React.createElement(VirtualPortal, { id: 'searchresults', isVisible: this.isVisible },
            React.createElement(SearchDropdownComponent, null,
                React.createElement(SearchSuggestionList, Object.assign({}, this.props)))));
    }
}
export { SearchSuggestionDropdown };
export default SearchSuggestionDropdown;
//# sourceMappingURL=SearchSuggestionDropdown.js.map