import { Tab as e, TabList as t, TabPanel as n, TabSelect as r, Tabs as i, TabsBody as a } from "../ui/tabs/Tabs.js";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
//#region lib/examples/tabs-with-select-demo.tsx
function c() {
	let c = [
		,
		,
		,
	].fill(void 0).map((e, t) => ({
		label: `${t + 1}`,
		value: t + 1
	})), l = (e) => {
		switch (e % 3) {
			case 0: return "bg-lightSand";
			case 1: return "bg-saffron";
			case 2: return "bg-lavender";
			default: return "bg-sienna";
		}
	};
	return /* @__PURE__ */ s(i, {
		className: "w-full",
		selected: 1,
		children: [
			/* @__PURE__ */ o(r, {
				className: "md:hidden w-full",
				items: c
			}),
			/* @__PURE__ */ o(t, {
				className: "hidden md:flex",
				children: c.map((t) => /* @__PURE__ */ o(e, {
					label: `Tab - ${t.label}`,
					value: t.value
				}, t.label))
			}),
			/* @__PURE__ */ o(a, { children: c.map((e) => /* @__PURE__ */ o(n, {
				value: e.value,
				children: /* @__PURE__ */ s("div", {
					className: `p-16 ${l(e.value)}`,
					children: ["Panel - ", e.label]
				})
			}, e.label)) })
		]
	});
}
//#endregion
export { c as default };

//# sourceMappingURL=tabs-with-select-demo.js.map