"use strict";Object.defineProperty(exports, "__esModule", {value: true});// tmp-babel/comments/web/CommentItem/CommentReplyButton/index.js
var _buttons = require('@baseapp-frontend/design-system/components/web/buttons');
var _icons = require('@baseapp-frontend/design-system/components/web/icons');
var _material = require('@mui/material');
var _jsxruntime = require('react/jsx-runtime');
var CommentReplyButton = function CommentReplyButton2(_ref) {
  var onReply = _ref.onReply, isLoadingReplies = _ref.isLoadingReplies, totalCommentsCount = _ref.totalCommentsCount, commentId = _ref.commentId;
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", {
    className: "grid grid-cols-[repeat(2,minmax(20px,max-content))] gap-1",
    children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _buttons.IconButton, {
      onClick: onReply,
      isLoading: isLoadingReplies,
      "aria-label": "reply to comment ".concat(commentId),
      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.CommentReplyIcon, {})
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
      variant: "caption",
      color: "text.secondary",
      "aria-label": "replies count ".concat(commentId),
      children: totalCommentsCount !== null && totalCommentsCount !== void 0 ? totalCommentsCount : 0
    })]
  });
};
var CommentReplyButton_default = CommentReplyButton;



exports.CommentReplyButton_default = CommentReplyButton_default;
//# sourceMappingURL=chunk-GWDR7EGN.js.map