// Error boundary scoped to the portal subtree. A render error (or a loader
// rejection that ISN'T a RedirectError / NotFoundError) bubbles here.
import type { ReactNode } from 'react'
import type { ErrorBoundaryProps } from '@voltro/web'
import { T } from '@voltro/i18n'

export default function PortalError({ error, reset }: ErrorBoundaryProps): ReactNode {
  return (
    <div className="dash">
      <main>
        <h1><T id="error.heading" /></h1>
        <p className="muted">{String(error)}</p>
        <p style={{ marginTop: '1rem' }}>
          <button type="button" className="btn" onClick={reset}><T id="error.retry" /></button>
        </p>
      </main>
    </div>
  )
}