@zohodesk/dot/es/v1/list/SecondaryText/TicketId.js

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

import React from 'react';
import { TicketId_defaultProps } from "./props/defaultProps";
import { TicketId_propTypes } from "./props/propTypes";
import Link from "../../Link/Link";
import style from "../../../list/SecondaryText/SecondaryText.module.css";
export default function TicketId(props) {
  let {
    text,
    className,
    dataId,
    isLink,
    dataTitle,
    onClick,
    url,
    target,
    urlName,
    urlData,
    customProps
  } = props;
  let {
    LinkProps = {},
    TicketIdProps = {}
  } = customProps;
  return /*#__PURE__*/React.createElement("div", {
    className: `${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${className ? className : ''}`,
    "data-id": dataId,
    "data-test-id": dataId,
    "data-title": dataTitle,
    onClick: !isLink && onClick,
    ...TicketIdProps
  }, isLink ? /*#__PURE__*/React.createElement(Link, {
    urlName: urlName,
    urlData: urlData,
    href: url,
    target: target,
    onClick: onClick,
    ...LinkProps
  }, text) : text);
}
TicketId.propTypes = TicketId_propTypes;
TicketId.defaultProps = TicketId_defaultProps;