"use client";
import { Button as e } from "../ui/buttons/Button.js";
import { t } from "../chunks/Backdrop.js";
import { useState as n } from "react";
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
//#region lib/examples/backdrop-demo.tsx
function o() {
	let [o, s] = n(!1);
	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(e, {
		onClick: () => s(!0),
		children: "Open Backdrop"
	}), /* @__PURE__ */ i(t, {
		isVisible: o,
		onClose: () => s(!1),
		className: "flex items-center justify-center",
		children: /* @__PURE__ */ a("div", {
			className: "bg-white rounded-lg p-6 shadow-xl max-w-md",
			children: [
				/* @__PURE__ */ i("h2", {
					className: "text-xl font-semibold mb-2",
					children: "Modal Content"
				}),
				/* @__PURE__ */ i("p", {
					className: "text-gray-600 mb-4",
					children: "This content is displayed on top of the backdrop. Click outside to close."
				}),
				/* @__PURE__ */ i(e, {
					onClick: () => s(!1),
					children: "Close"
				})
			]
		})
	})] });
}
//#endregion
export { o as default };

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