department-of-veterans-affairs/vets-website

import React, { useEffect } from 'react';
import { focusElement } from 'platform/utilities/ui';

const SecondaryRequiredAlert = () => {
  useEffect(() => {
    focusElement('.caregiver-error-message');
  }, []);

  return (
    <div className="caregiver-error-message">
      <va-alert status="error">
        <h3 slot="headline">You need to add a Family Caregiver</h3>
        <p>
          Select <strong>Back</strong> to add a Primary Caregiver. Or change
          your response here to add a Secondary Caregiver.
        </p>
      </va-alert>
    </div>
  );
};

export default SecondaryRequiredAlert;