"use client";
import { Button as e } from "../ui/buttons/Button.js";
import { Popin as t } from "../ui/Popin.js";
import { useState as n } from "react";
import { jsx as r, jsxs as i } from "react/jsx-runtime";
//#region lib/examples/popin-demo.tsx
function a() {
	let [a, o] = n(!1);
	return /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(e, {
		onClick: () => o(!0),
		children: "Open Popin"
	}), /* @__PURE__ */ r(t, {
		isVisible: a,
		onClose: () => o(!1),
		title: "Welcome!",
		closeLabel: "Close",
		children: /* @__PURE__ */ r("p", { children: "This is a modal dialog that overlays the page content. Click the backdrop or the close button to dismiss it." })
	})] });
}
//#endregion
export { a as default };

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