"use client";
'use strict';

const jsxRuntime = require('react/jsx-runtime');
const button = require('../../../../../../../ui/src/components/button.cjs');
const context = require('@btst/stack/context');

function NotFoundPage() {
  const { navigate, Link } = context.usePluginOverrides("form-builder");
  const basePath = context.useBasePath();
  const LinkComponent = Link || "a";
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-6xl font-bold text-muted-foreground mb-4", children: "404" }),
    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: "Page not found" }),
    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(button.Button, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: `${basePath}/forms`, children: "Back to Forms" }) })
  ] });
}

exports.NotFoundPage = NotFoundPage;
