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

export default function EditorError({ error, reset }: ErrorBoundaryProps): ReactNode {
  return (
    <main style={{ padding: '2rem' }}>
      <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>
  )
}