"use client";
import { Button as e } from "../ui/buttons/Button.js";
import { Card as t } from "../ui/cards/Card.js";
import { CardBackground as n } from "../ui/cards/CardBackground.js";
import { CardClickable as r } from "../ui/cards/CardClickable.js";
import { HeadingGroup as i } from "../ui/heading/HeadingGroup.js";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
//#region lib/examples/card-button-demo.tsx
function s() {
	return /* @__PURE__ */ a(t, {
		theme: "frame",
		format: "horizontal",
		className: "max-w-380",
		children: /* @__PURE__ */ a(n, {
			src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4",
			alt: "Mountain landscape",
			children: /* @__PURE__ */ o(r, {
				coverLink: !0,
				className: "w-full justify-between",
				children: [/* @__PURE__ */ a(i, {
					level: 2,
					subtitle: "Winter",
					children: "Mountain Resort"
				}), /* @__PURE__ */ a(e, {
					color: "white",
					theme: "outline",
					variant: "circle",
					icon: "ArrowDefaultRight",
					"aria-label": "View details",
					className: "pointer-events-auto shrink-0"
				})]
			})
		})
	});
}
//#endregion
export { s as default };

//# sourceMappingURL=card-button-demo.js.map