dumi-theme-lobehub/dist/slots/NotFound/index.js

dumi-theme-lobehub is a documentation site theme package designed for dumi2. It provides a more beautiful and user-friendly development and reading experience based on @lobehub/ui

import { FluentEmoji } from '@lobehub/ui';
import { Button } from 'antd';
import { Link, useIntl, useLocale } from 'dumi';
import { Center } from 'react-layout-kit';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var Page404 = function Page404() {
  var intl = useIntl();
  var locale = useLocale();
  return /*#__PURE__*/_jsxs(Center, {
    height: '50vh',
    width: '100%',
    children: [/*#__PURE__*/_jsx("h1", {
      style: {
        filter: 'blur(8px)',
        fontSize: "min(".concat(1024 / 3, "px, 50vw)"),
        fontWeight: 'bolder',
        margin: 0,
        opacity: 0.12,
        position: 'absolute',
        zIndex: 0
      },
      children: "404"
    }), /*#__PURE__*/_jsx(FluentEmoji, {
      emoji: '👀',
      size: 64
    }), /*#__PURE__*/_jsx("h2", {
      style: {
        fontWeight: 'bold',
        marginTop: '1em',
        textAlign: 'center'
      },
      children: intl.formatMessage({
        id: '404.title'
      })
    }), /*#__PURE__*/_jsx(Link, {
      replace: true,
      to: 'base' in locale ? locale.base : '/',
      children: /*#__PURE__*/_jsx(Button, {
        type: 'primary',
        children: intl.formatMessage({
          id: '404.back'
        })
      })
    })]
  });
};
export default Page404;