"use client";
import { jsxs, jsx } from 'react/jsx-runtime';
import { Button } from '../../../../../../../ui/src/components/button.mjs';
import { usePluginOverrides, useBasePath } from '@btst/stack/context';

function NotFoundPage() {
  const { navigate, Link } = usePluginOverrides("cms");
  const basePath = useBasePath();
  const LinkComponent = Link || "a";
  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
    /* @__PURE__ */ jsx("h1", { className: "text-6xl font-bold text-muted-foreground mb-4", children: "404" }),
    /* @__PURE__ */ jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: "Page not found" }),
    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: "The page you're looking for doesn't exist or has been moved." }),
    /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { href: `${basePath}/cms`, children: "Back to CMS" }) })
  ] });
}

export { NotFoundPage };
