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

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

import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import { Icon } from '@zohodesk/icons';
import Button from '@zohodesk/components/es/v1/semantic/Button/Button';
import style from "../../../list/Thread/Thread.module.css";

const Thread = props => {
  const {
    count,
    className,
    iconTitle,
    dataId,
    align
  } = 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));
};

export default Thread;
Thread.propTypes = propTypes;
Thread.defaultProps = defaultProps;