import { m as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs";
import { p as Package } from "../_libs/lucide-react.mjs";
import { a as p, i as MyButton } from "./src-u_N1opJl.mjs";
import { l as useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
import { t as Route } from "./home.order-success-ng0baB-e.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/home.order-success-COjzwSkc.js
var import_jsx_runtime = require_jsx_runtime();
function OrderSuccessPage() {
	const navigate = useNavigate();
	const { orderId, totalAmount } = Route.useSearch();
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
		className: "flex min-h-screen flex-col items-center justify-center bg-green-50 p-6",
		children: [
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "mb-6 flex h-20 w-20 items-center justify-center rounded-full bg-green-100",
				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Package, { className: "h-10 w-10 text-green-600" })
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(p, {
				weight: "bold",
				className: "mb-2 text-2xl text-gray-900",
				children: "Order Placed!"
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(p, {
				className: "mb-1 text-gray-600",
				children: ["Order ID: #", orderId]
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(p, {
				className: "mb-8 text-gray-600",
				children: ["Total: ₹", totalAmount]
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MyButton, {
				textContent: "Continue Shopping",
				onClick: () => navigate({ to: "/home" }),
				className: "mb-3 bg-brand-500 text-white"
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MyButton, {
				textContent: "View My Orders",
				onClick: () => navigate({ to: "/me/orders" }),
				fillColor: "gray",
				className: "bg-gray-100 text-gray-700"
			})
		]
	});
}
//#endregion
export { OrderSuccessPage as component };