src/components/Navigation/__snapshots__/Navigation.test.jsx.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Navigation component renders correctly 1`] = `
<nav
className="form-navigation"
role="navigation"
>
<ol
className="usa-accordion usa-sidenav-list"
>
<li
className="toggle-item"
>
<button
aria-controls="/form/identification"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Information about you
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/identification"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/identification/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/identification/name"
onClick={[Function]}
>
<span
className="section-name"
>
Full name
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/identification/birthdate"
onClick={[Function]}
>
<span
className="section-name"
>
Date of birth
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/identification/birthplace"
onClick={[Function]}
>
<span
className="section-name"
>
Place of birth
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/identification/ssn"
onClick={[Function]}
>
<span
className="section-name"
>
Social security number
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/identification/othernames"
onClick={[Function]}
>
<span
className="section-name"
>
Other names used
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/identification/contacts"
onClick={[Function]}
>
<span
className="section-name"
>
Your contact information
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/identification/physical"
onClick={[Function]}
>
<span
className="section-name"
>
Your identifying information
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/identification/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/history"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Your history
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/history"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/history/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/history/residence"
onClick={[Function]}
>
<span
className="section-name"
>
Where you have lived
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/history/employment"
onClick={[Function]}
>
<span
className="section-name"
>
Employment activities
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/history/education"
onClick={[Function]}
>
<span
className="section-name"
>
Where you went to school
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/history/federal"
onClick={[Function]}
>
<span
className="section-name"
>
Former federal service
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/history/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/relationships"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Relationships
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/relationships"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/relationships/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/relationships/status"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Marital & relationship status
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/relationships/status"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/relationships/status/marital"
onClick={[Function]}
>
<span
className="section-name"
>
Marital
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/relationships/status/cohabitant"
onClick={[Function]}
>
<span
className="section-name"
>
Cohabitants
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/relationships/people"
onClick={[Function]}
>
<span
className="section-name"
>
People who know you well
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/relationships/relatives"
onClick={[Function]}
>
<span
className="section-name"
>
Relatives
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/relationships/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/citizenship"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Citizenship
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/citizenship"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/citizenship/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/citizenship/passport"
onClick={[Function]}
>
<span
className="section-name"
>
U.S. passport information
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/citizenship/status"
onClick={[Function]}
>
<span
className="section-name"
>
Citizenship status
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/citizenship/multiple"
onClick={[Function]}
>
<span
className="section-name"
>
Dual/multiple citizenship
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/citizenship/passports"
onClick={[Function]}
>
<span
className="section-name"
>
Foreign passports
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/citizenship/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/military"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Military history
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/military"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/military/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/military/selective"
onClick={[Function]}
>
<span
className="section-name"
>
Selective service record
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/military/history"
onClick={[Function]}
>
<span
className="section-name"
>
U.S. military
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/military/disciplinary"
onClick={[Function]}
>
<span
className="section-name"
>
Disciplinary procedures
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/military/foreign"
onClick={[Function]}
>
<span
className="section-name"
>
Foreign military
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/military/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/foreign"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Foreign associations
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/foreign"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/contacts"
onClick={[Function]}
>
<span
className="section-name"
>
Foreign contacts
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/foreign/activities"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Foreign activities
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/foreign/activities"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/activities/direct"
onClick={[Function]}
>
<span
className="section-name"
>
Direct control
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/activities/indirect"
onClick={[Function]}
>
<span
className="section-name"
>
Indirect control
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/activities/realestate"
onClick={[Function]}
>
<span
className="section-name"
>
Real estate purchase
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/activities/benefits"
onClick={[Function]}
>
<span
className="section-name"
>
Foreign benefits
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/activities/support"
onClick={[Function]}
>
<span
className="section-name"
>
Foreign national support
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/foreign/business"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Foreign business, professional activities, and government contacts
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/foreign/business"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/business/advice"
onClick={[Function]}
>
<span
className="section-name"
>
Support provided
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/business/family"
onClick={[Function]}
>
<span
className="section-name"
>
Immediate family foreign support
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/business/employment"
onClick={[Function]}
>
<span
className="section-name"
>
Employment
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/business/ventures"
onClick={[Function]}
>
<span
className="section-name"
>
Other business ventures
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/business/conferences"
onClick={[Function]}
>
<span
className="section-name"
>
Event participation
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/business/contact"
onClick={[Function]}
>
<span
className="section-name"
>
Immediate family contact
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/business/sponsorship"
onClick={[Function]}
>
<span
className="section-name"
>
Foreign national sponsorship
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/business/political"
onClick={[Function]}
>
<span
className="section-name"
>
Held political office
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/business/voting"
onClick={[Function]}
>
<span
className="section-name"
>
Voting
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/travel"
onClick={[Function]}
>
<span
className="section-name"
>
Foreign countries you have visited
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/foreign/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/financial"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Financial record
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/financial"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/financial/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/financial/bankruptcy"
onClick={[Function]}
>
<span
className="section-name"
>
Bankruptcy
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/financial/gambling"
onClick={[Function]}
>
<span
className="section-name"
>
Gambling
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/financial/taxes"
onClick={[Function]}
>
<span
className="section-name"
>
Taxes
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/financial/card"
onClick={[Function]}
>
<span
className="section-name"
>
Employer card abuse
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/financial/credit"
onClick={[Function]}
>
<span
className="section-name"
>
Credit counseling
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/financial/delinquent"
onClick={[Function]}
>
<span
className="section-name"
>
Delinquent payments
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/financial/nonpayment"
onClick={[Function]}
>
<span
className="section-name"
>
Non-payment consequence
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/financial/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/substance"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Substance use
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/substance"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/substance/drugs"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Illegal use of drugs and drug activity
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/substance/drugs"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/drugs/usage"
onClick={[Function]}
>
<span
className="section-name"
>
Usage
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/drugs/purchase"
onClick={[Function]}
>
<span
className="section-name"
>
Purchase
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/drugs/clearance"
onClick={[Function]}
>
<span
className="section-name"
>
Security clearance position
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/drugs/publicsafety"
onClick={[Function]}
>
<span
className="section-name"
>
Public safety position
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/drugs/misuse"
onClick={[Function]}
>
<span
className="section-name"
>
Prescription drug misuse
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/drugs/ordered"
onClick={[Function]}
>
<span
className="section-name"
>
Mandatory counseling or treatment
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/drugs/voluntary"
onClick={[Function]}
>
<span
className="section-name"
>
Voluntary counseling or treatment
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/substance/alcohol"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Use of alcohol
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/substance/alcohol"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/alcohol/negative"
onClick={[Function]}
>
<span
className="section-name"
>
Negative impact
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/alcohol/ordered"
onClick={[Function]}
>
<span
className="section-name"
>
Mandatory counseling or treatment
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/alcohol/voluntary"
onClick={[Function]}
>
<span
className="section-name"
>
Voluntary counseling or treatment
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/alcohol/additional"
onClick={[Function]}
>
<span
className="section-name"
>
Additional instances
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/substance/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/legal"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Investigative and criminal history
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/legal"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/legal/police"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Police record
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/legal/police"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/police/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/police/offenses"
onClick={[Function]}
>
<span
className="section-name"
>
Offenses
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/police/additionaloffenses"
onClick={[Function]}
>
<span
className="section-name"
>
Additional offenses
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/police/domesticviolence"
onClick={[Function]}
>
<span
className="section-name"
>
Domestic violence
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/legal/investigations"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Investigations and clearance record
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/legal/investigations"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/investigations/history"
onClick={[Function]}
>
<span
className="section-name"
>
Ever been investigated
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/investigations/revoked"
onClick={[Function]}
>
<span
className="section-name"
>
Denied
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/investigations/debarred"
onClick={[Function]}
>
<span
className="section-name"
>
Debarment
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/court"
onClick={[Function]}
>
<span
className="section-name"
>
Involvement in non-criminal court actions
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/legal/technology"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Use of information technology systems
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/legal/technology"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/technology/unauthorized"
onClick={[Function]}
>
<span
className="section-name"
>
Unauthorized access
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/technology/manipulating"
onClick={[Function]}
>
<span
className="section-name"
>
Manipulating access
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/technology/unlawful"
onClick={[Function]}
>
<span
className="section-name"
>
Unlawful use
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/legal/associations"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Association record
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/legal/associations"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/associations/terrorist-organization"
onClick={[Function]}
>
<span
className="section-name"
>
Terrorist organization
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/associations/engaged-in-terrorism"
onClick={[Function]}
>
<span
className="section-name"
>
Engaged in terrorism
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/associations/advocating"
onClick={[Function]}
>
<span
className="section-name"
>
Advocating
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/associations/membership-overthrow"
onClick={[Function]}
>
<span
className="section-name"
>
Membership - overthrow
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/associations/membership-violence-or-force"
onClick={[Function]}
>
<span
className="section-name"
>
Membership - violence or force
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/associations/activities-to-overthrow"
onClick={[Function]}
>
<span
className="section-name"
>
Activities to overthrow
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/associations/terrorism-association"
onClick={[Function]}
>
<span
className="section-name"
>
Terrorism association
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/legal/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/psychological"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Psychological and emotional health
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/psychological"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/psychological/intro"
onClick={[Function]}
>
<span
className="section-name"
>
Introduction
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/psychological/competence"
onClick={[Function]}
>
<span
className="section-name"
>
Competence
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/psychological/consultations"
onClick={[Function]}
>
<span
className="section-name"
>
Consultations
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/psychological/hospitalizations"
onClick={[Function]}
>
<span
className="section-name"
>
Hospitalizations
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/psychological/diagnoses"
onClick={[Function]}
>
<span
className="section-name"
>
Diagnoses
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/psychological/conditions"
onClick={[Function]}
>
<span
className="section-name"
>
Existing conditions
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/psychological/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
<li
className="toggle-item"
>
<button
aria-controls="/form/package"
aria-expanded={false}
className="section-link usa-accordion-button"
type="button"
>
<span
className="section-name"
>
Review and submit
</span>
<span
className="eapp-status-icon"
/>
</button>
<div
aria-hidden={true}
className="usa-accordion-content"
id="/form/package"
>
<ol
className="usa-accordion usa-sidenav-sub_list"
>
<li>
<a
aria-current={null}
className="section-link"
href="/form/package/comments"
onClick={[Function]}
>
<span
className="section-name"
>
Additional Comments
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link"
href="/form/package/review"
onClick={[Function]}
>
<span
className="section-name"
>
Review
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link locked"
href="/form/package/submit"
onClick={[Function]}
>
<span
className="section-name"
>
Submit
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
<li>
<a
aria-current={null}
className="section-link locked"
href="/form/package/print"
onClick={[Function]}
>
<span
className="section-name"
>
Print
</span>
<span
className="eapp-status-icon"
/>
</a>
</li>
</ol>
</div>
</li>
</ol>
</nav>
`;