import type { RecoveryProps } from "../recovery";
import "./errata-404.css";
export function Errata404({ title = "A page out of place.", description = "The reference was correct when this edition went to press. The page has since moved, or the address contains a small mistake.", home = { label: "Return to the index", href: "/" }, destinations = [], className = "" }: RecoveryProps) {
 return <section className={`er404 ${className}`} aria-label="Page not found"><header className="er404__mast"><span>THE CORRECTION SHEET</span><span>No. 404 / UNLOCATED</span></header><div className="er404__layout"><aside className="er404__margin"><span>ERRATA</span><p>Read this as a change of direction.</p><span className="er404__mark" aria-hidden="true">↳</span></aside><div className="er404__main"><p className="er404__kicker">A NOTE TO THE READER</p><h1>{title}</h1><div className="er404__columns"><p>{description}</p><div className="er404__absence" aria-hidden="true"><span>TEXT OMITTED</span><i/><i/><i/></div></div><nav aria-label="Recovery"><a href={home.href}><span className="er404__number">01</span>{home.label}<span aria-hidden="true">↗</span></a>{destinations.map((d,i)=><a key={`${d.href}-${i}`} href={d.href}><span className="er404__number">{String(i+2).padStart(2,"0")}</span>{d.label}<span aria-hidden="true">↗</span></a>)}</nav></div></div><footer className="er404__footer"><span>NOT FOUND ≠ FINISHED</span><span>PLEASE TURN THE PAGE.</span></footer></section>;
}