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-demo.tsx
function s() {
	let s = [
		,
		,
		,
	].fill(void 0).map((e, t) => ({
		label: `${t + 1}`,
		value: t + 1
	})), c = (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__ */ o(r, {
		selected: 1,
		children: [/* @__PURE__ */ a(t, { children: s.map((t) => /* @__PURE__ */ a(e, {
			label: `Tab - ${t.label}`,
			value: t.value
		}, t.label)) }), /* @__PURE__ */ a(i, { children: s.map((e) => /* @__PURE__ */ a(n, {
			value: e.value,
			children: /* @__PURE__ */ o("div", {
				className: `p-16 ${c(e.value)}`,
				children: ["Panel - ", e.label]
			})
		}, e.label)) })]
	});
}
//#endregion
export { s as default };

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