"use client";
import { Button as e } from "../ui/buttons/Button.js";
import { Tag as t } from "../ui/Tag.js";
import { FrameLabelsWrapper as n } from "../ui/frame/FrameLabelsWrapper.js";
import { FrameTitle as r } from "../ui/frame/FrameTitle.js";
import { SliderFrame as i } from "../ui/frame/SliderFrame.js";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
//#region lib/examples/slider-frame-with-tag-demo.tsx
function s() {
	return /* @__PURE__ */ a(i, {
		format: "horizontal",
		className: "max-w-380",
		items: Array.from({ length: 5 }, (e, t) => ({
			alt: `Mountain landscape ${t + 1}`,
			src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4"
		})),
		labels: {
			next: "Next image",
			previous: "Previous image"
		},
		children: /* @__PURE__ */ o(n, {
			hasImage: !0,
			children: [/* @__PURE__ */ a(t, {
				label: "Best seller",
				className: "mx-12 mt-12 self-start px-8 sm:mx-24 sm:mt-24 sm:px-16"
			}), /* @__PURE__ */ o(r, {
				className: "w-full justify-between",
				hasImage: !0,
				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
					className: "text-b2 font-semibold",
					children: "Mountain Resort"
				}), /* @__PURE__ */ a("div", {
					className: "text-b3",
					children: "Winter"
				})] }), /* @__PURE__ */ a(e, {
					"aria-label": "Explore Mountain Resort",
					className: "pointer-events-auto shrink-0",
					color: "white",
					icon: "ArrowDefaultRight",
					theme: "outline",
					variant: "circle"
				})]
			})]
		})
	});
}
//#endregion
export { s as default };

//# sourceMappingURL=slider-frame-with-tag-demo.js.map