@zohodesk/dot/lib/v1/list/Comment/Comment.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

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

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

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _icons = require("@zohodesk/icons");

var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/semantic/Button/Button"));

var _CommentModule = _interopRequireDefault(require("../../../list/Comment/Comment.module.css"));

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

function Comment(props) {
  var count = props.count,
      onClick = props.onClick,
      className = props.className,
      title = props.title;
  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
    customClass: "".concat(_CommentModule["default"].container, " ").concat(className, " "),
    onClick: onClick,
    dataId: "commentLstContainer",
    title: title,
    a11y: {
      ariaLabel: title
    }
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: "ZD-TK-commentLine",
    iconClass: _CommentModule["default"].commentIcon
  }), count && /*#__PURE__*/_react["default"].createElement("span", {
    className: _CommentModule["default"].count
  }, count));
}

Comment.defaultProps = _defaultProps.defaultProps;
Comment.propTypes = _propTypes.propTypes; // if (__DOCS__) {
//   Comment.docs = {
//     folderName: 'List',
//     componentGroup: 'Comment'
//   };
// }