content: /**
   * InternalErrorPage
   *
   * This is the page we show when the user gets a 500 error
   *
   */
  import React from 'react';
  import { useFocusWhenNavigate } from '@strapi/helper-plugin';
  import { Main } from '@strapi/design-system/Main';
  import { LinkButton } from '@strapi/design-system/LinkButton';
  import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout';
  import { EmptyStateLayout } from '@strapi/design-system/EmptyStateLayout';
  import EmptyPictures from '@strapi/icons/EmptyPictures';
  import ArrowRight from '@strapi/icons/ArrowRight';
  import { useIntl } from 'react-intl';
  
  const InternalErrorPage = () => {
    const { formatMessage } = useIntl();
    useFocusWhenNavigate();
  
    return (
      <Main labelledBy="title">
        <HeaderLayout
          id="title"
          title={formatMessage({
            id: 'content-manager.pageNotFound',
            defaultMessage: 'Page not found',
          })}
        />
        <ContentLayout>
          <EmptyStateLayout
            action={
              <LinkButton variant="secondary" endIcon={<ArrowRight />} to="/">
                {formatMessage({
                  id: 'app.components.NotFoundPage.back',
                  defaultMessage: 'Back to homepage',
                })}
              </LinkButton>
            }
            content={formatMessage({
              id: 'notification.error',
              defaultMessage: 'An error occured',
            })}
            hasRadius
            icon={<EmptyPictures width="10rem" />}
            shadow="tableShadow"
          />
        </ContentLayout>
      </Main>
    );
  };
  
  export default InternalErrorPage;
  