import { Button, Result } from 'antd';
import React from 'react';
import ThemeWrapper from '@/components/ThemeWrapper';
import { $t } from '@/utils/i18n';

const NoFoundPage: React.FC = () => {
  return (
    <ThemeWrapper>
      <Result
        className="abs-center"
        style={{ top: '40%' }}
        status="500"
        title={$t('pages.500.title')}
        subTitle={$t('pages.500.subTitle')}
        extra={
          <Button type="primary" onClick={() => window.location.reload()}>
            {$t('pages.refresh')}
          </Button>
        }
      />
    </ThemeWrapper>
  );
};

export default NoFoundPage;
