department-of-veterans-affairs/vets-website

import React from 'react';
import PropTypes from 'prop-types';
import { mhvUrl } from '~/platform/site-wide/mhv/utilities';
import { isAuthenticatedWithSSOe } from '~/platform/user/authentication/selectors';
import { useSelector } from 'react-redux';
import ExternalLink from './ExternalLink';

const InfoAlert = ({ highLowResults, fullState }) => {
  const phase0p5Flag = useSelector(
    state => state.featureToggles.mhv_integration_medical_records_to_phase_1,
  );
  return (
    <>
      <va-alert-expandable
        trigger="Need help understanding your results?"
        data-testid="understanding-result"
        class="no-print vads-u-margin-y--1p5"
        status="info"
      >
        {highLowResults && (
          <p
            data-testid="result-dropdown-1"
            className="vads-u-padding-bottom--2"
          >
            If your results are outside the reference range (the expected range
            for that test), your results may include a word like "high" or
            "low." But this doesn’t automatically mean you have a health
            problem.
          </p>
        )}
        <p data-testid="result-dropdown-2" className="vads-u-padding-bottom--2">
          Your provider will review your results. If you need to do anything,
          your provider will contact you.
        </p>
        <p data-testid="result-dropdown-3" className="vads-u-padding-bottom--2">
          If you have any questions, send a message to the care team that
          ordered this test.
        </p>
        <p data-testid="new-message-link" className="vads-u-padding-bottom--2">
          {phase0p5Flag ? (
            <va-link
              href="/my-health/secure-messages/new-message/"
              text="Start a new message"
            />
          ) : (
            <ExternalLink
              href={mhvUrl(
                isAuthenticatedWithSSOe(fullState),
                'compose-message',
              )}
              text="Start a new message"
            />
          )}
        </p>
        <p data-testid="result-Alert-note">
          <strong>Note:</strong> If you have questions about more than 1 test
          ordered by the same care team, send 1 message with all of your
          questions.
        </p>
      </va-alert-expandable>
    </>
  );
};

export default InfoAlert;

InfoAlert.propTypes = {
  fullState: PropTypes.object,
  highLowResults: PropTypes.any,
};