import React from 'react';
import block from 'bem-cn';
import { i18n } from 'i18n2';

import './index.css';

const b = block('not-found');

const NotFound = () => (
    <div className={b({ type: String(Math.floor(Math.random() + .5)) })}>
        <div className={b('content')}>
            <h1 className={b('title')}>{i18n('unknown_page.title')}</h1>
            <p className={b('text')}>{i18n('unknown_page.description')}</p>
        </div>
    </div>
);

export default NotFound;
