department-of-veterans-affairs/vets-website

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

const ProfileSectionHeadline = ({ children, dataTestId }) => {
  return (
    <h1
      tabIndex="-1"
      className="vads-u-font-size--h2 vads-u-margin-y--2 medium-screen:vads-u-margin-bottom--4 medium-screen:vads-u-margin-top--3"
      data-focus-target
      data-testid={dataTestId}
    >
      {children}
    </h1>
  );
};

ProfileSectionHeadline.propTypes = {
  children: PropTypes.node.isRequired,
  dataTestId: PropTypes.string,
};

export default ProfileSectionHeadline;