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

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

/* eslint-disable react/forbid-component-props */

/**** Libraries ****/
import React from 'react';
import { PhoneNumber_defaultProps } from "./props/defaultProps";
import { PhoneNumber_propTypes } from "./props/propTypes";
/**** Components ****/

import Link from "../../Link/Link";
/**** CSS ****/

import style from "../../../list/SecondaryText/SecondaryText.module.css";
export default function PhoneNumber(props) {
  let {
    text,
    urlData,
    urlName,
    className,
    title,
    href,
    dataId,
    isLink,
    target,
    hasReload,
    fontWeight,
    customProps
  } = props;
  let {
    LinkProps = {},
    TextProps = {}
  } = customProps;
  return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
    href: href,
    title: title,
    urlData: urlData,
    urlName: urlName,
    dataId: dataId,
    target: target,
    hasReload: hasReload,
    className: style.link,
    ...LinkProps
  }, /*#__PURE__*/React.createElement("div", {
    className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
  }, text)) : /*#__PURE__*/React.createElement("div", {
    className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
    "data-title": title,
    ...TextProps
  }, text));
}
PhoneNumber.propTypes = PhoneNumber_propTypes;
PhoneNumber.defaultProps = PhoneNumber_defaultProps;