department-of-veterans-affairs/vets-website

import React from 'react';
import PropTypes from 'prop-types';
import CallToActionAlert from '../../CallToActionAlert';

const Unauthed = ({
  primaryButtonHandler,
  headerLevel,
  ariaLabel = null,
  ariaDescribedby = null,
}) => {
  const content = {
    heading: `Sign in to change your direct deposit information online`,
    headerLevel,
    alertText: (
      <div>
        <p>
          Sign in with your existing Login.gov or ID.me account. Or create one
          of these accounts now.
        </p>
        <p>
          <strong>Note:</strong> If you sign in with a DS Logon or My HealtheVet
          account, you won’t be able to change your direct deposit information.
        </p>
      </div>
    ),
    primaryButtonText: 'Sign in or create an account',
    primaryButtonHandler,
    status: 'continue',
    ariaLabel,
    ariaDescribedby,
  };

  return <CallToActionAlert {...content} />;
};

Unauthed.propTypes = {
  primaryButtonHandler: PropTypes.func.isRequired,
  ariaDescribedby: PropTypes.string,
  ariaLabel: PropTypes.string,
  headerLevel: PropTypes.number,
};

export default Unauthed;