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 SingleSuggestion = function (_a) {
    var onClick = _a.onClick, operationType = _a.operationType, suggestion = _a.suggestion, hint = _a.hint, selectedSuggestion = _a.selectedSuggestion;
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: classForComponent('suggestions-ens-name') },
            React.createElement(EnsName, { value: suggestion })),
        React.createElement("p", { className: classForComponent('single-suggestion-hint') }, hint),
        selectedSuggestion === suggestion
            ? React.createElement(Spinner, { className: classForComponent('spinner-small-center') })
            : React.createElement("button", { className: classForComponent('single-suggestion-btn'), id: getSuggestionId(operationType), onClick: function () { return onClick(suggestion); } }, operationType)));
};
//# sourceMappingURL=SingleSuggestion.js.map