import { Button, displayFlex, styled } from '@affine/component';
import { useAFFiNEI18N } from '@affine/i18n/hooks';
import Head from 'next/head';
import Image from 'next/legacy/image';
import { useRouter } from 'next/router';
import React from 'react';
export const StyledContainer = styled('div')(() => {
return {
...displayFlex('center', 'center'),
flexDirection: 'column',
height: '100vh',
img: {
width: '360px',
height: '270px',
},
p: {
fontSize: '22px',
fontWeight: 600,
margin: '24px 0',
},
};
});
export const NotfoundPage = () => {
const t = useAFFiNEI18N();
const router = useRouter();
return (
{t['404 - Page Not Found']()}
);
};
export default function Custom404() {
return (
<>
404 - AFFiNE
);
}