@zohodesk/dot/lib/v1/list/Icons/ReadUnreadIcon.js

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

"use strict";

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

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

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

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

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

var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));

var _IconsModule = _interopRequireDefault(require("../../../list/Icons/Icons.module.css"));

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

function ReadUnreadIcon(props) {
  var onClick = props.onClick,
      dataId = props.dataId,
      dataTitle = props.dataTitle,
      iconClassName = props.iconClassName,
      iconClass = props.iconClass,
      className = props.className,
      isRead = props.isRead,
      iconSize = props.iconSize;
  return /*#__PURE__*/_react["default"].createElement("button", {
    onClick: onClick,
    className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
    "data-id": dataId,
    "data-test-id": dataId,
    "data-title": dataTitle,
    "aria-label": dataTitle
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
    size: iconSize,
    iconClass: "".concat(iconClassName ? iconClassName : '', " ").concat(iconClass ? iconClass : '')
  }));
}

ReadUnreadIcon.defaultProps = _defaultProps.ReadUnreadIcon_defaultProps;
ReadUnreadIcon.propTypes = _propTypes.ReadUnreadIcon_propTypes;