import React from 'react';
import { getSuggestionId } from '@universal-login/commons';
import { EnsName } from '../../commons/EnsName';
import { Spinner } from '../../commons/Spinner';
import { classForComponent } from '../../utils/classFor';
export var MultipleSuggestion = function (_a) {
    var onClick = _a.onClick, operationType = _a.operationType, suggestion = _a.suggestion, selectedSuggestion = _a.selectedSuggestion;
    return (React.createElement("button", { disabled: !!selectedSuggestion, className: classForComponent('suggestions-item-btn'), id: getSuggestionId(operationType), onClick: function () { return onClick(suggestion); } },
        React.createElement("div", { className: "suggestions-item-text" },
            React.createElement(EnsName, { value: suggestion })),
        suggestion !== selectedSuggestion
            ? React.createElement("p", { className: classForComponent('suggestions-item-btn-text') }, operationType)
            : React.createElement(Spinner, { className: classForComponent('spinner-small-center') })));
};
//# sourceMappingURL=MultipleSuggestion.js.map