department-of-veterans-affairs/vets-website

import React from 'react';
import PropTypes from 'prop-types';

const FormTitle = ({ id, formUrl, title, recordGAEvent, formName }) => (
  <div
    className="vads-u-margin--0 vads-u-font-weight--bold"
    data-e2e-id="result-title"
  >
    {formUrl ? (
      <>
        <p
          id={id}
          className="vads-u-font-weight--normal vads-u-margin-top--0 vads-u-margin-bottom--1p5"
        >
          Form {formName}
        </p>
        <h3 aria-describedby={id} className="vads-u-margin--0">
          <va-link
            disable-analytics
            href={formUrl}
            onClick={() => recordGAEvent(title, formUrl, 'title')}
            text={title}
          />
        </h3>
      </>
    ) : (
      <>
        <p
          id={id}
          className="vads-u-font-weight--normal vads-u-margin-top--0 vads-u-margin-bottom--1p5"
        >
          Form {formName}
        </p>
        <h3 aria-describedby={id} className="vads-u-margin--0">
          {title}
        </h3>
      </>
    )}
  </div>
);

FormTitle.propTypes = {
  id: PropTypes.string.isRequired,
  title: PropTypes.string.isRequired,
  currentPosition: PropTypes.number,
  formName: PropTypes.string,
  formUrl: PropTypes.string,
  lang: PropTypes.string,
  recordGAEvent: PropTypes.func,
  showPDFInfoVersionTwo: PropTypes.bool,
};

export default FormTitle;