"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _drawer = _interopRequireDefault(require("../../../../drawer"));

var _getLocale = require("../../../../../utils/getLocale");

var _operationRecords = _interopRequireDefault(require("../../../../operation-records"));

require("./index.css");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var preCls = 'titaui-dynamic-new-summary__operate';

var OperateRecord = function OperateRecord(props) {
  var visible = props.visible,
      onClose = props.onClose,
      feedId = props.feedId;
  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
    visible: visible,
    onClose: onClose,
    className: preCls,
    autoClosable: true
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__head")
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "".concat(preCls, "__head-title")
  }, (0, _getLocale.getLocale)('Per_details_OperationRecord')), /*#__PURE__*/_react["default"].createElement("i", {
    className: (0, _classnames["default"])("".concat(preCls, "__head-icon"), 'tu-icon-close'),
    onClick: onClose
  })), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__content")
  }, /*#__PURE__*/_react["default"].createElement(_operationRecords["default"], {
    feedId: feedId,
    commentCount: 4
  })));
};

var _default = OperateRecord;
exports["default"] = _default;