department-of-veterans-affairs/vets-website

import React from 'react';

import { getAppUrl } from 'platform/utilities/registry-helpers';

import ReviewAndDownload from '../../../shared/components/ReviewAndDownload';
import DocumentList from '../DocumentList';
import { MoreQuestions } from '../MoreQuestions';

const coeUrl = getAppUrl('coe');
const introUrl = `${coeUrl}/introduction`;

export const Available = () => (
  <div className="row vads-u-margin-bottom--7">
    <div className="medium-8 columns">
      <ReviewAndDownload />
      <h2>What if I need to make changes to my COE?</h2>
      <p>
        Complete and submit a Request for a Certificate of Eligibility (VA Form
        26-1880) if you need to:
      </p>
      <ul>
        <li>
          Make changes to your COE (correct an error or update your
          information), <strong>or</strong>
        </li>
        <li>Request a restoration of entitlement</li>
      </ul>
      <a className="vads-c-action-link--blue" href={introUrl}>
        Make changes to your COE online by filling out VA Form 26-1880
      </a>
      <DocumentList />
      <MoreQuestions />
    </div>
  </div>
);

export default Available;