"use client";
import { Frame as e } from "../ui/frame/Frame.js";
import { FrameLabelsWrapper as t } from "../ui/frame/FrameLabelsWrapper.js";
import { FrameTitle as n } from "../ui/frame/FrameTitle.js";
import { jsx as r, jsxs as i } from "react/jsx-runtime";
//#region lib/examples/frame-demo.tsx
function a() {
	return /* @__PURE__ */ r(e, {
		format: "horizontal",
		className: "max-w-380",
		image: {
			alt: "Mountain landscape",
			src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4"
		},
		children: /* @__PURE__ */ r(t, {
			hasImage: !0,
			children: /* @__PURE__ */ r(n, {
				className: "w-full justify-center text-center",
				coverLink: !0,
				hasImage: !0,
				href: "#",
				children: /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("div", {
					className: "text-b2 font-semibold",
					children: "Mountain Resort"
				}), /* @__PURE__ */ r("div", {
					className: "text-b3",
					children: "Winter"
				})] })
			})
		})
	});
}
//#endregion
export { a as default };

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