"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CommentButton = void 0;
var react_1 = __importDefault(require("react"));
var ui_i18n_1 = __importDefault(require("ui-i18n"));
var CommentBubble_1 = __importDefault(require("../../../icons/CommentBubble"));
var BasicCommentButton_1 = require("../BasicCommentButton");
var styles_1 = require("./styles");
exports.CommentButton = react_1.default.forwardRef(function (_a, ref) {
    var children = _a.children, onClick = _a.onClick;
    var styles = (0, styles_1.useStyles)();
    return (react_1.default.createElement(BasicCommentButton_1.BasicCommentButton, { ref: ref, tooltipTitle: ui_i18n_1.default.text('Show comment'), icon: CommentBubble_1.default, onClick: onClick, "data-reltio-id": "reltio-comment-button" },
        react_1.default.createElement("div", { className: styles.childrenWrapper }, children)));
});
exports.CommentButton.displayName = 'CommentButton';
