import { Scrollbar as e } from "../ui/Scrollbar.js";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region lib/examples/scrollbar-demo.tsx
function r() {
	return /* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t(e, {
		timelineName: "--scroller-outer",
		scrollbarWidth: "60%",
		children: /* @__PURE__ */ t("div", {
			className: "w-600 p-16",
			children: /* @__PURE__ */ t("div", {
				className: "flex gap-8",
				children: Array.from({ length: 20 }).map((e, n) => /* @__PURE__ */ t("div", {
					className: "flex h-100 w-100 flex-shrink-0 items-center justify-center rounded-8 bg-ultramarine text-white",
					children: n + 1
				}, n))
			})
		})
	}), /* @__PURE__ */ t("div", {
		className: "bg-ultramarine p-8 -m-8 mt-8",
		children: /* @__PURE__ */ t(e, {
			variant: "dark",
			timelineName: "--scrollerDark-outer",
			scrollbarWidth: "60%",
			children: /* @__PURE__ */ t("div", {
				className: "w-600 p-16",
				children: /* @__PURE__ */ t("div", {
					className: "flex gap-8",
					children: Array.from({ length: 20 }).map((e, n) => /* @__PURE__ */ t("div", {
						className: "flex h-100 w-100 flex-shrink-0 items-center justify-center rounded-8 bg-white text-black",
						children: n + 1
					}, n))
				})
			})
		})
	})] });
}
//#endregion
export { r as default };

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