import { T as __toESM, b as require_react, t as require_jsx_runtime } from "../index.js";
import { t as Link } from "./link-CBS2KtPf.js";
import { a as waLink, r as TREATMENTS } from "./clinic-CiEEmMP0.js";
import { n as InnerPage, t as InnerHero } from "./InnerPage-D1ekgyfU.js";
//#region app/treatments/page.tsx
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
function Treatments() {
	const [filter, setFilter] = (0, import_react.useState)("All");
	const items = filter === "All" ? TREATMENTS : TREATMENTS.filter((t) => t.category === filter);
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InnerPage, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerHero, {
		kicker: "Complete care",
		title: "Treatments, tailored to you.",
		copy: "Explore modern restorative, cosmetic and orthodontic care with clear next steps."
	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
		className: "listing",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "filters",
			children: [
				"All",
				"Restorative",
				"Cosmetic",
				"Orthodontic"
			].map((x) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
				className: filter === x ? "active" : "",
				onClick: () => setFilter(x),
				children: x
			}, x))
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "treatment-grid",
			children: items.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
					src: `/assets/${t.image}`,
					alt: ""
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: t.category }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: t.title }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: t.summary }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
					href: `/treatment-detail?slug=${t.slug}`,
					children: "Learn more →"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
					href: waLink(`Hello, I want to ask about ${t.title}.`),
					children: "Ask on WhatsApp"
				})] })
			] }, t.slug))
		})]
	})] });
}
//#endregion
export { Treatments as default };
