@burdenoff/microfe-coolandlovely 2026.614.1

package/dist/coolandlovely/pages/customer/ReviewsPage.js

@@ -0,0 +1,606 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { formatDate as i } from "../../utils/formatters.js";
+import { RatingDisplay as a } from "../../components/RatingDisplay.js";
+import { useCallback as o, useState as s } from "react";
+import { CheckCircle2 as c, Info as l, MessageCircle as u, MessageSquare as d, PenSquare as f, Search as p, Star as m, ThumbsUp as h, X as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/customer/ReviewsPage.tsx
+var y = "user-001", b = {
+	1: "Terrible",
+	2: "Poor",
+	3: "Average",
+	4: "Good",
+	5: "Excellent"
+}, x = [
+	{
+		id: "review-001",
+		userId: y,
+		userName: "Rahul Sharma",
+		userAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100",
+		itemId: "FOOD-001",
+		itemName: "Dosa Express",
+		itemType: "cart",
+		cartId: "FOOD-001",
+		cartName: "Dosa Express",
+		orderId: "ORD-2024-001",
+		rating: 5,
+		title: "Excellent breakfast spot!",
+		comment: "Amazing dosas and filter coffee. The masala dosa was perfectly crispy and the potato filling was delicious. Service was quick and friendly. Highly recommend for authentic South Indian breakfast!",
+		helpfulCount: 12,
+		isHelpful: !0,
+		isVerified: !0,
+		createdAt: "2024-06-20T09:30:00Z",
+		response: {
+			message: "Thank you so much for your wonderful review! We're thrilled you enjoyed the dosas. We look forward to serving you again soon!",
+			respondedBy: "Dosa Express Team",
+			respondedAt: "2024-06-20T15:45:00Z"
+		}
+	},
+	{
+		id: "review-002",
+		userId: "user-002",
+		userName: "Priya Patel",
+		userAvatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100",
+		itemId: "prod-002",
+		itemName: "Pani Puri",
+		itemType: "product",
+		cartId: "FOOD-002",
+		cartName: "Chaat Corner",
+		orderId: "ORD-2024-002",
+		rating: 4,
+		title: "Good but could be spicier",
+		comment: "The pani puri was good overall. The puris were crispy and fresh. However, the pani could have been more spicy and tangy. The portions were generous though.",
+		helpfulCount: 8,
+		isHelpful: !1,
+		isVerified: !0,
+		createdAt: "2024-06-18T19:15:00Z"
+	},
+	{
+		id: "review-003",
+		userId: "user-003",
+		userName: "Amit Kumar",
+		userAvatar: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100",
+		itemId: "FOOD-002",
+		itemName: "Chaat Corner",
+		itemType: "cart",
+		cartId: "FOOD-002",
+		cartName: "Chaat Corner",
+		orderId: "ORD-2024-003",
+		rating: 5,
+		title: "Authentic Mumbai street food!",
+		comment: "This place brings back memories of Mumbai streets. Every item I ordered was authentic and delicious. The bhel puri and vada pav were exceptional. Will definitely order again!",
+		images: ["https://images.unsplash.com/photo-1601050690597-df0568f70950?w=400"],
+		helpfulCount: 15,
+		isHelpful: !1,
+		isVerified: !0,
+		createdAt: "2024-06-17T20:30:00Z"
+	},
+	{
+		id: "review-004",
+		userId: y,
+		userName: "Rahul Sharma",
+		userAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100",
+		itemId: "prod-001",
+		itemName: "Masala Dosa",
+		itemType: "product",
+		cartId: "FOOD-001",
+		cartName: "Dosa Express",
+		orderId: "ORD-2024-004",
+		rating: 5,
+		title: "Perfect masala dosa!",
+		comment: "The masala dosa here is absolutely perfect. Crispy, golden brown, and the potato masala inside is perfectly spiced. Comes with great chutneys and sambar.",
+		helpfulCount: 6,
+		isHelpful: !1,
+		isVerified: !0,
+		createdAt: "2024-06-15T08:45:00Z",
+		response: {
+			message: "Glad you loved it, Rahul! Our chef takes great care with every dosa. See you soon!",
+			respondedBy: "Dosa Express Team",
+			respondedAt: "2024-06-15T14:00:00Z"
+		}
+	},
+	{
+		id: "review-005",
+		userId: "user-004",
+		userName: "Sneha Reddy",
+		userAvatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100",
+		itemId: "FOOD-001",
+		itemName: "Dosa Express",
+		itemType: "cart",
+		cartId: "FOOD-001",
+		cartName: "Dosa Express",
+		orderId: "ORD-2024-005",
+		rating: 3,
+		title: "Average experience",
+		comment: "The food was okay but delivery took longer than expected. The taste was good but not exceptional. The packaging could be better to keep food warm.",
+		helpfulCount: 4,
+		isHelpful: !1,
+		isVerified: !0,
+		createdAt: "2024-06-12T12:20:00Z"
+	}
+];
+function S({ value: e, onChange: n }) {
+	let [r, i] = s(0), a = r || e;
+	return /* @__PURE__ */ v("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ _("div", {
+			className: "flex items-center gap-0.5",
+			children: [
+				1,
+				2,
+				3,
+				4,
+				5
+			].map((e) => /* @__PURE__ */ _("button", {
+				type: "button",
+				onClick: () => n(e),
+				onMouseEnter: () => i(e),
+				onMouseLeave: () => i(0),
+				className: "p-0.5 transition-transform hover:scale-110",
+				children: /* @__PURE__ */ _(m, { className: t("h-6 w-6", e <= a ? "fill-yellow-400 text-yellow-400" : "fill-none text-muted-foreground/40") })
+			}, e))
+		}), /* @__PURE__ */ _("span", {
+			className: "text-sm font-medium text-muted-foreground",
+			children: b[a] ?? ""
+		})]
+	});
+}
+function C() {
+	let { navigateTo: b } = e(), [C, w] = s(x), [T, E] = s(!1), [D, O] = s({
+		rating: 5,
+		title: "",
+		comment: ""
+	}), [k, A] = s({
+		searchQuery: "",
+		type: "all",
+		rating: "",
+		sortBy: "recent"
+	}), [j, M] = s(null), N = (e) => {
+		M(e), setTimeout(() => M(null), 3e3);
+	}, P = o(() => {
+		let e = [...C];
+		if (k.type === "my-reviews" ? e = e.filter((e) => e.userId === y) : k.type !== "all" && (e = e.filter((e) => e.itemType === k.type)), k.rating) {
+			let t = parseInt(k.rating, 10);
+			e = e.filter((e) => e.rating === t);
+		}
+		if (k.searchQuery) {
+			let t = k.searchQuery.toLowerCase();
+			e = e.filter((e) => e.itemName.toLowerCase().includes(t) || e.title.toLowerCase().includes(t) || e.comment.toLowerCase().includes(t) || e.cartName.toLowerCase().includes(t));
+		}
+		switch (k.sortBy) {
+			case "recent":
+				e.sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime());
+				break;
+			case "helpful":
+				e.sort((e, t) => t.helpfulCount - e.helpfulCount);
+				break;
+			case "rating-high":
+				e.sort((e, t) => t.rating - e.rating);
+				break;
+			case "rating-low":
+				e.sort((e, t) => e.rating - t.rating);
+				break;
+		}
+		return e;
+	}, [C, k])(), F = C.filter((e) => e.userId === y).length, I = C.length > 0 ? (C.reduce((e, t) => e + t.rating, 0) / C.length).toFixed(1) : "0", L = () => {
+		if (!D.title.trim() || !D.comment.trim()) {
+			alert("Please fill in the Review Title and Comment.");
+			return;
+		}
+		let e = {
+			id: `review-${Date.now()}`,
+			userId: y,
+			userName: "Rahul Sharma",
+			userAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100",
+			itemId: "FOOD-001",
+			itemName: "Dosa Express",
+			itemType: "cart",
+			cartId: "FOOD-001",
+			cartName: "Dosa Express",
+			orderId: `ORD-2024-${Date.now()}`,
+			rating: D.rating,
+			title: D.title,
+			comment: D.comment,
+			helpfulCount: 0,
+			isHelpful: !1,
+			isVerified: !0,
+			createdAt: (/* @__PURE__ */ new Date()).toISOString()
+		};
+		w((t) => [e, ...t]), O({
+			rating: 5,
+			title: "",
+			comment: ""
+		}), E(!1), N("Review submitted successfully!");
+	}, R = (e) => {
+		w((t) => t.map((t) => t.id === e ? {
+			...t,
+			isHelpful: !t.isHelpful,
+			helpfulCount: t.isHelpful ? t.helpfulCount - 1 : t.helpfulCount + 1
+		} : t));
+	};
+	return /* @__PURE__ */ v(n, {
+		title: "Reviews & Ratings",
+		description: `${P.length} reviews found`,
+		actions: /* @__PURE__ */ v("button", {
+			type: "button",
+			onClick: () => E(!0),
+			className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-opacity", "bg-foreground text-background hover:opacity-90"),
+			children: [/* @__PURE__ */ _(f, { className: "h-4 w-4" }), "Write Review"]
+		}),
+		children: [
+			j && /* @__PURE__ */ v("div", {
+				className: "mb-4 rounded-lg border border-green-500/30 bg-green-500/10 p-3 flex items-center gap-2",
+				children: [/* @__PURE__ */ _(c, { className: "h-4 w-4 text-green-600 dark:text-green-400 shrink-0" }), /* @__PURE__ */ _("p", {
+					className: "text-sm text-green-600 dark:text-green-400",
+					children: j
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "flex flex-wrap items-center gap-4 text-sm text-muted-foreground mb-6",
+				children: [
+					/* @__PURE__ */ v("span", { children: [C.length, " total reviews"] }),
+					/* @__PURE__ */ v("span", { children: [F, " your reviews"] }),
+					/* @__PURE__ */ v("span", {
+						className: "flex items-center gap-1",
+						children: [
+							"Average: ",
+							I,
+							/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "rounded-lg border border-border bg-card p-4 mb-6",
+				children: /* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
+					children: [
+						/* @__PURE__ */ v("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ _(p, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ _("input", {
+								type: "text",
+								placeholder: "Search reviews...",
+								value: k.searchQuery,
+								onChange: (e) => A((t) => ({
+									...t,
+									searchQuery: e.target.value
+								})),
+								className: "w-full rounded-lg border border-border bg-card py-2 pl-9 pr-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							})]
+						}),
+						/* @__PURE__ */ v("select", {
+							value: k.type,
+							onChange: (e) => A((t) => ({
+								...t,
+								type: e.target.value
+							})),
+							className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ _("option", {
+									value: "all",
+									children: "All Reviews"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "cart",
+									children: "Cart Reviews"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "product",
+									children: "Product Reviews"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "my-reviews",
+									children: "My Reviews"
+								})
+							]
+						}),
+						/* @__PURE__ */ v("select", {
+							value: k.rating,
+							onChange: (e) => A((t) => ({
+								...t,
+								rating: e.target.value
+							})),
+							className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ _("option", {
+									value: "",
+									children: "All Ratings"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "5",
+									children: "5 Stars"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "4",
+									children: "4 Stars"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "3",
+									children: "3 Stars"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "2",
+									children: "2 Stars"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "1",
+									children: "1 Star"
+								})
+							]
+						}),
+						/* @__PURE__ */ v("select", {
+							value: k.sortBy,
+							onChange: (e) => A((t) => ({
+								...t,
+								sortBy: e.target.value
+							})),
+							className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ _("option", {
+									value: "recent",
+									children: "Most Recent"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "helpful",
+									children: "Most Helpful"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "rating-high",
+									children: "Highest Rating"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "rating-low",
+									children: "Lowest Rating"
+								})
+							]
+						})
+					]
+				})
+			}),
+			P.length === 0 ? /* @__PURE__ */ _(r, {
+				icon: /* @__PURE__ */ _(d, { className: "h-12 w-12" }),
+				title: "No reviews found",
+				description: "Be the first to write a review!",
+				action: /* @__PURE__ */ _("button", {
+					type: "button",
+					onClick: () => E(!0),
+					className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+					children: "Write a Review"
+				})
+			}) : /* @__PURE__ */ _("div", {
+				className: "space-y-4",
+				children: P.map((e) => {
+					let n = e.userId === y;
+					return /* @__PURE__ */ v("div", {
+						className: t("rounded-lg border bg-card p-5", n ? "border-foreground/20" : "border-border"),
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "flex items-start gap-3 mb-3",
+								children: [
+									/* @__PURE__ */ _("img", {
+										src: e.userAvatar,
+										alt: e.userName,
+										className: "h-10 w-10 rounded-full object-cover shrink-0"
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "flex-1 min-w-0",
+										children: [/* @__PURE__ */ v("div", {
+											className: "flex items-center gap-2 flex-wrap",
+											children: [
+												/* @__PURE__ */ _("span", {
+													className: "text-sm font-semibold text-foreground",
+													children: e.userName
+												}),
+												e.isVerified && /* @__PURE__ */ v("span", {
+													className: "inline-flex items-center gap-1 rounded-full bg-green-500/10 px-2 py-0.5 text-[10px] font-medium text-green-600 dark:text-green-400",
+													children: [/* @__PURE__ */ _(c, { className: "h-3 w-3" }), "Verified"]
+												}),
+												n && /* @__PURE__ */ _("span", {
+													className: "inline-flex items-center rounded-full bg-blue-500/10 px-2 py-0.5 text-[10px] font-medium text-blue-600 dark:text-blue-400",
+													children: "Your Review"
+												})
+											]
+										}), /* @__PURE__ */ v("div", {
+											className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground mt-0.5",
+											children: [/* @__PURE__ */ v("span", { children: [e.itemType === "cart" ? /* @__PURE__ */ _(d, { className: "inline h-3 w-3 mr-0.5" }) : /* @__PURE__ */ _(m, { className: "inline h-3 w-3 mr-0.5" }), e.itemName] }), /* @__PURE__ */ _("span", { children: i(e.createdAt, {
+												hour: void 0,
+												minute: void 0,
+												hour12: void 0
+											}) })]
+										})]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "shrink-0",
+										children: [/* @__PURE__ */ _(a, {
+											value: e.rating,
+											size: "sm"
+										}), /* @__PURE__ */ v("p", {
+											className: "text-xs text-muted-foreground mt-0.5 text-right",
+											children: ["From: ", e.cartName]
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "mb-3",
+								children: [/* @__PURE__ */ _("h4", {
+									className: "text-sm font-semibold text-foreground mb-1",
+									children: e.title
+								}), /* @__PURE__ */ _("p", {
+									className: "text-sm text-foreground leading-relaxed",
+									children: e.comment
+								})]
+							}),
+							e.images && e.images.length > 0 && /* @__PURE__ */ _("div", {
+								className: "mb-3 flex gap-2 overflow-x-auto pb-1",
+								children: e.images.map((e, t) => /* @__PURE__ */ _("img", {
+									src: e,
+									alt: `Review image ${t + 1}`,
+									className: "h-20 w-20 rounded-lg object-cover shrink-0"
+								}, t))
+							}),
+							e.response && /* @__PURE__ */ v("div", {
+								className: "mb-3 rounded-lg border border-blue-500/20 bg-blue-500/5 p-3",
+								children: [/* @__PURE__ */ v("div", {
+									className: "flex flex-wrap items-center gap-2 mb-1.5",
+									children: [
+										/* @__PURE__ */ _(u, { className: "h-3.5 w-3.5 text-blue-600 dark:text-blue-400" }),
+										/* @__PURE__ */ v("span", {
+											className: "text-xs font-medium text-blue-600 dark:text-blue-400",
+											children: ["Response from ", e.response.respondedBy]
+										}),
+										/* @__PURE__ */ _("span", {
+											className: "text-[10px] text-blue-500/70",
+											children: i(e.response.respondedAt, {
+												hour: void 0,
+												minute: void 0,
+												hour12: void 0
+											})
+										})
+									]
+								}), /* @__PURE__ */ _("p", {
+									className: "text-xs text-blue-700 dark:text-blue-300 leading-relaxed",
+									children: e.response.message
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "flex items-center justify-between pt-3 border-t border-border",
+								children: [/* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: () => R(e.id),
+									className: t("flex items-center gap-1.5 text-xs transition-colors", e.isHelpful ? "text-blue-600 dark:text-blue-400 font-medium" : "text-muted-foreground hover:text-foreground"),
+									children: [
+										/* @__PURE__ */ _(h, { className: t("h-3.5 w-3.5", e.isHelpful && "fill-current") }),
+										"Helpful (",
+										e.helpfulCount,
+										")"
+									]
+								}), /* @__PURE__ */ v("div", {
+									className: "flex items-center gap-3 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ v("span", { children: ["Order: ", e.orderId] }), /* @__PURE__ */ _("button", {
+										type: "button",
+										onClick: () => b(`/customer/carts/${e.cartId}`),
+										className: "font-medium hover:text-foreground transition-colors",
+										children: "View Cart"
+									})]
+								})]
+							})
+						]
+					}, e.id);
+				})
+			}),
+			T && /* @__PURE__ */ _("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				children: /* @__PURE__ */ _("div", {
+					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border bg-card shadow-lg",
+					children: /* @__PURE__ */ v("div", {
+						className: "p-5",
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "flex items-center justify-between mb-5",
+								children: [/* @__PURE__ */ _("h3", {
+									className: "text-lg font-semibold text-foreground",
+									children: "Write a Review"
+								}), /* @__PURE__ */ _("button", {
+									type: "button",
+									onClick: () => E(!1),
+									className: "rounded-md p-2 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+									children: /* @__PURE__ */ _(g, { className: "h-4 w-4" })
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "space-y-4",
+								children: [
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
+										className: "block text-sm font-medium text-foreground mb-2",
+										children: ["Rating ", /* @__PURE__ */ _("span", {
+											className: "text-red-500",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ _(S, {
+										value: D.rating,
+										onChange: (e) => O((t) => ({
+											...t,
+											rating: e
+										}))
+									})] }),
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
+										className: "block text-sm font-medium text-foreground mb-1.5",
+										children: ["Review Title ", /* @__PURE__ */ _("span", {
+											className: "text-red-500",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ _("input", {
+										type: "text",
+										placeholder: "Summarize your experience",
+										value: D.title,
+										onChange: (e) => O((t) => ({
+											...t,
+											title: e.target.value
+										})),
+										className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] }),
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
+										className: "block text-sm font-medium text-foreground mb-1.5",
+										children: ["Your Review ", /* @__PURE__ */ _("span", {
+											className: "text-red-500",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ _("textarea", {
+										rows: 5,
+										placeholder: "Share your experience with others...",
+										value: D.comment,
+										onChange: (e) => O((t) => ({
+											...t,
+											comment: e.target.value
+										})),
+										className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none"
+									})] }),
+									/* @__PURE__ */ v("div", {
+										className: "rounded-lg bg-muted p-4",
+										children: [/* @__PURE__ */ v("div", {
+											className: "flex items-center gap-2 mb-2",
+											children: [/* @__PURE__ */ _(l, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ _("h4", {
+												className: "text-sm font-medium text-foreground",
+												children: "Review Guidelines"
+											})]
+										}), /* @__PURE__ */ v("ul", {
+											className: "text-xs text-muted-foreground space-y-1",
+											children: [
+												/* @__PURE__ */ _("li", { children: "- Be honest and helpful to other customers" }),
+												/* @__PURE__ */ _("li", { children: "- Focus on your experience with the food and service" }),
+												/* @__PURE__ */ _("li", { children: "- Avoid personal information or inappropriate content" }),
+												/* @__PURE__ */ _("li", { children: "- Reviews are public and cannot be deleted once submitted" })
+											]
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "flex items-center gap-3 pt-5",
+								children: [/* @__PURE__ */ _("button", {
+									type: "button",
+									onClick: L,
+									className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+									children: "Submit Review"
+								}), /* @__PURE__ */ _("button", {
+									type: "button",
+									onClick: () => E(!1),
+									className: "rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: "Cancel"
+								})]
+							})
+						]
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { C as ReviewsPage };
+
+//# sourceMappingURL=ReviewsPage.js.map