import { type FallbackProps } from 'react-error-boundary';

import Button from './Common/Button';
import InfoError from './InfoError';

function ErrorFallback({ error, resetErrorBoundary }: FallbackProps) {
  return (
  <div className='flex flex-col items-center antialiased clr-app' role='alert'>
    <h1 className='text-lg font-semibold'>Что-то пошло не так!</h1>
    <Button
      onClick={resetErrorBoundary}
      text='Попробовать еще раз'
    />
    <InfoError error={error as Error} />
  </div>);
}

export default ErrorFallback;