import { useIntl, Link } from 'umi';
import { Result, Button } from 'antd';

export default () => {
  const intl = useIntl();
  return (
    <Result
      status="404"
      title="404"
      style={{
        background: 'none',
      }}
      subTitle={intl.formatMessage({ id: '404' })}
      extra={
        <Link to="/">
          <Button type="primary">
            {intl.formatMessage({ id: 'BackToHome' })}
          </Button>
        </Link>
      }
    />
  );
};
