department-of-veterans-affairs/vets-website

import React from 'react';
import { useSelector } from 'react-redux';

import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
import ConfirmationScreenView from '../components/ConfirmationPage/ConfirmationScreenView';
import ConfirmationPrintView from '../components/ConfirmationPage/ConfirmationPrintView';

const ConfirmationPage = () => {
  const { submission, data } = useSelector(state => state.form);
  const { response, timestamp } = submission;
  const name = data.veteranFullName;

  return (
    <div className="caregiver-confirmation vads-u-margin-bottom--2p5">
      <section className="caregiver-confirmation--screen no-print">
        <ConfirmationScreenView
          name={name}
          timestamp={response ? timestamp : null}
        />
      </section>

      <section className="caregiver-confirmation--print">
        <ConfirmationPrintView
          name={name}
          timestamp={response ? timestamp : null}
        />
      </section>

      <section>
        <h2>What to expect next</h2>
        <p>
          We’ll contact you soon to tell you what happens next in the
          application process.
        </p>
        <ul>
          <li>
            If you gave us your email address, we’ll contact you by email within
            24 hours. Make sure to check your inbox and your spam or junk
            folder.
          </li>
          <li>
            If you didn’t give us your email address, we’ll contact you by phone
            or mail.
          </li>
        </ul>
        <p>
          <strong>Note:</strong> If you’re not eligible for this program, you
          may still be eligible for other types of caregiver support.
        </p>
      </section>

      <section>
        <h2>What to do if you have questions now</h2>
        <p>
          Connect with a Caregiver Support Coordinator. Our coordinators can
          answer questions about your application. They can also tell you more
          about programs and services for caregivers.
        </p>
        <p className="no-print">
          <a
            target="_blank"
            rel="noreferrer noopener"
            href="https://www.caregiver.va.gov/support/New_CSC_Page.asp"
          >
            Find your local Caregiver Support Coordinator
          </a>
        </p>
        <p>
          Or call us at <va-telephone contact={CONTACTS.CAREGIVER} />.
        </p>
        <p className="no-print">
          <a
            target="_blank"
            rel="noreferrer noopener"
            href="https://www.caregiver.va.gov"
          >
            Learn more about caregiver support
          </a>
        </p>
      </section>
    </div>
  );
};

export default ConfirmationPage;