"use client";
import { Colors as e } from "../ui/helpers/colors/colors.js";
import { AdvancedToast as t } from "../ui/AdvancedToast.js";
import { n, r, t as i } from "../chunks/dist.js";
import { getHotToastConfig as a } from "../ui/BasicToast.config.js";
import "../ui/AdvancedToast.config.js";
import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
//#region lib/examples/advanced-toast-with-details-demo.tsx
function l() {
	let { handlers: l } = r(), u = () => {
		n.custom((r) => /* @__PURE__ */ s(t, {
			title: "Upload Complete",
			body: "Your file has been successfully uploaded",
			icon: "CheckDefault",
			isVisible: r.visible,
			labels: {
				close: "Close",
				details: "Details"
			},
			onClose: () => n.dismiss(r.id),
			accentColor: e.orange,
			toastId: r.id,
			updateHeight: l.updateHeight,
			children: /* @__PURE__ */ c("div", {
				className: "text-b4",
				children: [
					/* @__PURE__ */ s("p", { children: "File: document.pdf" }),
					/* @__PURE__ */ s("p", { children: "Size: 2.5 MB" }),
					/* @__PURE__ */ c("p", { children: ["Uploaded at: ", (/* @__PURE__ */ new Date()).toLocaleTimeString()] })
				]
			})
		}), { duration: Infinity });
	};
	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(i, { ...a() }), /* @__PURE__ */ s("button", {
		onClick: u,
		children: "Show Toast"
	})] });
}
//#endregion
export { l as default };

//# sourceMappingURL=advanced-toast-with-details-demo.js.map