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