import React from 'react';
import { getStyleForTopLevelComponent } from '../../core/utils/getStyleForTopLevelComponent';
import '../styles/emoji.sass';
import '../styles/emojiDefaults.sass';
import { useHistory } from 'react-router';
export var ConnectionSuccessNotification = function (_a) {
    var basePath = _a.basePath, className = _a.className;
    var history = useHistory();
    return (React.createElement("div", { id: "notifications", className: "universal-login-emojis" },
        React.createElement("div", { className: getStyleForTopLevelComponent(className) },
            React.createElement("div", { className: "emoji-success" },
                React.createElement("p", { className: "emoji-success-text" }, "You successfully authorized a new device."),
                React.createElement("button", { className: "emoji-success-button", onClick: function () { return history.replace(basePath); } }, "Go to devices")))));
};
//# sourceMappingURL=ConnectionSuccessNotification.js.map