"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var commons_1 = require("@universal-login/commons");
var EnsName_1 = require("../../commons/EnsName");
var Spinner_1 = require("../../commons/Spinner");
var classFor_1 = require("../../utils/classFor");
exports.MultipleSuggestion = function (_a) {
    var onClick = _a.onClick, operationType = _a.operationType, suggestion = _a.suggestion, selectedSuggestion = _a.selectedSuggestion;
    return (react_1.default.createElement("button", { disabled: !!selectedSuggestion, className: classFor_1.classForComponent('suggestions-item-btn'), id: commons_1.getSuggestionId(operationType), onClick: function () { return onClick(suggestion); } },
        react_1.default.createElement("div", { className: "suggestions-item-text" },
            react_1.default.createElement(EnsName_1.EnsName, { value: suggestion })),
        suggestion !== selectedSuggestion
            ? react_1.default.createElement("p", { className: classFor_1.classForComponent('suggestions-item-btn-text') }, operationType)
            : react_1.default.createElement(Spinner_1.Spinner, { className: classFor_1.classForComponent('spinner-small-center') })));
};
//# sourceMappingURL=MultipleSuggestion.js.map