import * as tslib_1 from "tslib";
// modules
import React from 'react';
import { EMPTY_ARRAY } from 'exotic';
import { observer } from 'xmobx/mobx-react';
// domain
import container from './state';
// local
import SearchItem from './SearchItem';
import { ClearButton, SearchLabel, SearchSuggestion, SearchResult, RecentList, SearchHighlightItem, } from './styled';
import { wording } from './_fixture';
// elements
const { recentSearch, clearButton } = wording;
let RecentSearchList = class RecentSearchList extends React.Component {
    // ---- split
    renderActions() {
        return (React.createElement(SearchLabel, null,
            React.createElement(SearchHighlightItem, null, recentSearch),
            React.createElement(ClearButton, { onClick: container.handleClearRecent }, clearButton)));
    }
    // ----
    renderList() {
        return this.props.list.map(SearchItem.fromClosable);
    }
    render() {
        if (this.props.list.length === 0) {
            return React.createElement("span", null);
        }
        return (React.createElement(SearchSuggestion, null,
            React.createElement(SearchResult, null,
                this.renderActions(),
                React.createElement(RecentList, null, this.renderList()))));
    }
};
RecentSearchList.defaultProps = {
    list: EMPTY_ARRAY,
};
RecentSearchList = tslib_1.__decorate([
    observer
], RecentSearchList);
export default RecentSearchList;
//# sourceMappingURL=RecentSearchList.js.map