@zohodesk/dot/es/list/Thread/Thread.js

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

import React, { Component } from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import { Icon } from '@zohodesk/icons';
import Button from '@zohodesk/components/lib/semantic/Button/Button';
import style from "./Thread.module.css";
export default class Thread extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    let {
      count,
      className,
      iconTitle,
      dataId,
      align
    } = this.props;
    return /*#__PURE__*/React.createElement(Button, {
      customClass: `${style.container} ${style[`align_${align}`]} ${className}`,
      title: iconTitle,
      dataId: dataId,
      a11y: {
        ariaLabel: iconTitle
      }
    }, /*#__PURE__*/React.createElement(Icon, {
      name: "ZD-TK-thread",
      size: "9"
    }), /*#__PURE__*/React.createElement("span", {
      className: style.count
    }, count));
  }

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