import React from 'react';
import styled from 'styled-components';
import { createRoute } from 'atomic-router';

const Wrapper = styled.div`
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
`;

const Page: React.FC = () => {
    return (
        <Wrapper>
            <h1>404</h1>
        </Wrapper>
    )
}



const route = createRoute();


export const Page404 = {
  route,
  Page,
};
