department-of-veterans-affairs/vets-website

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

function ClaimsUnavailable({ headerLevel = 4 }) {
  const Tag = `h${headerLevel}`;

  return (
    <div className="usa-alert usa-alert-warning claims-unavailable">
      <div className="usa-alert-body">
        <Tag className="claims-alert-header vads-u-font-size--h4">
          Claim status is unavailable
        </Tag>
        <p className="usa-alert-text">
          VA.gov is having trouble loading claims information at this time.
          Please check back again in an hour. Please note: You are still able to
          review appeals information.
        </p>
      </div>
    </div>
  );
}

ClaimsUnavailable.propTypes = {
  headerLevel: PropTypes.number,
};

export default ClaimsUnavailable;