department-of-veterans-affairs/vets-website

import React, { useEffect } from 'react';
import recordEvent from 'platform/monitoring/record-event';
import { VaTelephone } from '@department-of-veterans-affairs/component-library/dist/react-bindings';
import { PAGE_NAMES } from '../constants';
import DelayedLiveRegion from '../DelayedLiveRegion';

const VetTec = () => {
  useEffect(() => {
    recordEvent({
      event: 'howToWizard-alert-displayed',
      'reason-for-alert': 'help with VET TEC program debt',
    });
  }, []);

  return (
    <DelayedLiveRegion>
      <div className="vads-u-background-color--gray-lightest vads-u-padding--2 vads-u-margin-top--2">
        <h2
          className="vads-u-margin-top--0 vads-u-font-size--h6 vads-u-font-weight--normal vads-u-font-family--sans"
          id="wizard-results"
        >
          Based on the information you provided, this isn’t the form you need.
        </h2>
        <p>
          <strong>For help with VET TEC program debt,</strong> contact us by
          email, phone, or mail.
        </p>
        <ul>
          <li>
            <strong>Email: </strong>
            <a className="email" href="mailto:vettec.vbauf@va.gov">
              VETTEC.VBAUF@va.gov
            </a>
            .
          </li>
          <li>
            <strong>Phone: </strong>
            Call us at <VaTelephone contact="716-857-5061" /> (
            <VaTelephone contact="711" tty />) and leave a detailed message.
            We’ll call you back as soon as possible.
          </li>
          <li>
            <strong>Mail: </strong>
            <div>VA Regional Processing Office 307</div>
            <div>P.O. Box 4616</div>
            <div>Buffalo, NY 14240-4616</div>
          </li>
        </ul>
      </div>
    </DelayedLiveRegion>
  );
};

export default {
  name: PAGE_NAMES.vettec,
  component: VetTec,
};