department-of-veterans-affairs/vets-website

import React from 'react';
import PropTypes from 'prop-types';
import { dataDogActionNames } from '../../util/dataDogConstants';

const CallPharmacyPhone = ({ cmopDivisionPhone, page }) => {
  const number = cmopDivisionPhone
    ? cmopDivisionPhone.replace(/[^0-9]/g, '')
    : null;
  return (
    <>
      {number ? (
        <>
          <span> at </span>
          <va-telephone
            contact={number}
            data-testid="pharmacy-phone-number"
            data-dd-action-name={`${
              dataDogActionNames.shared.PHARMACY_PHONE_NUMBER_LINK
            }${page}`}
          />{' '}
          <span>
            (<va-telephone tty contact="711" />)
          </span>
        </>
      ) : (
        <>.</>
      )}
    </>
  );
};

CallPharmacyPhone.propTypes = {
  cmopDivisionPhone: PropTypes.string,
  page: PropTypes.string,
};

export default CallPharmacyPhone;