"use client";
import { Tab as e, TabList as t, TabPanel as n, Tabs as r, TabsBody as i } from "../ui/tabs/Tabs.js";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
//#region lib/examples/tabs-within-tabs-demo.tsx
function s() {
	let s = (e) => {
		console.log("Selected tab:", e.value);
	};
	return /* @__PURE__ */ o(r, {
		compacted: !0,
		selected: 1,
		children: [/* @__PURE__ */ o(t, { children: [
			/* @__PURE__ */ a(e, {
				label: "Au ski",
				value: 1,
				onSelect: s
			}),
			/* @__PURE__ */ a(e, {
				label: "Au soleil",
				value: 2,
				onSelect: s
			}),
			/* @__PURE__ */ a(e, {
				label: "En croisière",
				value: 3,
				onSelect: s
			})
		] }), /* @__PURE__ */ o(i, { children: [
			/* @__PURE__ */ a(n, {
				value: 1,
				children: /* @__PURE__ */ o("div", {
					className: "bg-lightSand p-16",
					children: [/* @__PURE__ */ a("h4", { children: "Au ski" }), /* @__PURE__ */ o(r, {
						selected: 2,
						compacted: !0,
						children: [/* @__PURE__ */ o(t, {
							constrained: !0,
							children: [/* @__PURE__ */ a(e, {
								label: "Sur les pistes",
								value: 1,
								onSelect: s
							}), /* @__PURE__ */ a(e, {
								label: "A la patinoire",
								value: 2,
								onSelect: s
							})]
						}), /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, {
							value: 1,
							children: /* @__PURE__ */ a("div", { children: "Sur les pistes" })
						}), /* @__PURE__ */ a(n, {
							value: 2,
							children: /* @__PURE__ */ a("div", { children: "A la patinoire" })
						})] })]
					})]
				})
			}),
			/* @__PURE__ */ a(n, {
				value: 2,
				children: /* @__PURE__ */ o("div", {
					className: "bg-saffron p-16",
					children: [/* @__PURE__ */ a("h4", { children: "Au soleil" }), /* @__PURE__ */ o(r, {
						selected: 2,
						compacted: !0,
						children: [/* @__PURE__ */ o(t, {
							constrained: !0,
							children: [/* @__PURE__ */ a(e, {
								label: "A la plage",
								value: 1,
								onSelect: s
							}), /* @__PURE__ */ a(e, {
								label: "A la piscine",
								value: 2,
								onSelect: s
							})]
						}), /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, {
							value: 1,
							children: /* @__PURE__ */ a("div", { children: "A la plage" })
						}), /* @__PURE__ */ a(n, {
							value: 2,
							children: /* @__PURE__ */ a("div", { children: "A la piscine" })
						})] })]
					})]
				})
			}),
			/* @__PURE__ */ a(n, {
				value: 3,
				children: /* @__PURE__ */ o("div", {
					className: "bg-lavender p-16",
					children: [/* @__PURE__ */ a("h4", { children: "En croisière" }), /* @__PURE__ */ o(r, {
						selected: 2,
						compacted: !0,
						children: [/* @__PURE__ */ o(t, {
							constrained: !0,
							children: [/* @__PURE__ */ a(e, {
								label: "Au Karting",
								value: 1,
								onSelect: s
							}), /* @__PURE__ */ a(e, {
								label: "Au minigolf",
								value: 2,
								onSelect: s
							})]
						}), /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, {
							value: 1,
							children: /* @__PURE__ */ a("div", { children: "Au Karting" })
						}), /* @__PURE__ */ a(n, {
							value: 2,
							children: /* @__PURE__ */ a("div", { children: "Au minigolf" })
						})] })]
					})]
				})
			})
		] })]
	});
}
//#endregion
export { s as default };

//# sourceMappingURL=tabs-within-tabs-demo.js.map