import { type FunctionComponent } from 'react';

import DashCircleFill from '@/icons/DashCircleFill.svg';

import { PlainTiles } from '../PlainTiles';

import styles from './NotFound.module.scss';

const CONTENT = [['HTTP', '404']];

export const NotFound: FunctionComponent = () => (
  <div className={styles.notFound}>
    <a className={styles.link} href="/">
      <DashCircleFill aria-hidden="true" className={styles.icon} role="img" />
      <PlainTiles className={styles.tiles} content={CONTENT} />
    </a>
  </div>
);