/ common / components / PageNotFound / PageNotFound.tsx
PageNotFound.tsx
 1  import React from 'react';
 2  import { Link } from 'react-router-dom';
 3  
 4  import TabSection from 'containers/TabSection';
 5  import './PageNotFound.scss';
 6  
 7  const PageNotFound: React.SFC = () => (
 8    <TabSection>
 9      <section className="Tab-content PageNotFound">
10        <div className="Tab-content-pane">
11          <h1 className="PageNotFound-header">/ᐠ≗ᆽ≗ᐟ \</h1>
12          <main role="main">
13            <p className="PageNotFound-content">
14              Meow! Something went wrong and the page you were looking for doesn't yet exist. Try the{' '}
15              <Link to="/">home page</Link>.
16            </p>
17          </main>
18        </div>
19      </section>
20    </TabSection>
21  );
22  
23  export default PageNotFound;