import { jsxs, jsx } from "react/jsx-runtime";
import { Link } from "@tanstack/react-router";
const SplitNotFoundComponent = () => /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-4 py-20 text-center", children: [
  /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: "Category not found" }),
  /* @__PURE__ */ jsx(Link, { to: "/categories", className: "mt-4 inline-block text-brand-bright underline", children: "Browse all categories" })
] });
export {
  SplitNotFoundComponent as notFoundComponent
};
