import { Link } from "react-router-dom";

export function NotFound() {
  return (
    <div className="mx-auto max-w-content">
      <h1>Page Not Found</h1>
      <p className="text-fg-dim">The requested route does not exist.</p>
      <Link className="inline-flex items-center gap-2 rounded-lg border border-accent bg-accent px-4 py-2 text-[0.8rem] font-semibold text-bg transition-all duration-150 hover:bg-accent-hover" to="/docs">Back to documentation</Link>
    </div>
  );
}