"use client";
import { t as e } from "../chunks/clsx.js";
import { getBgColor as t, getComplementaryTextColor as n, getThemeColor as r } from "./helpers/colors/colors.js";
import { Link as i } from "./Link.js";
import { useId as a } from "react";
import { Icon as o } from "@clubmed/trident-icons";
import { jsx as s, jsxs as c } from "react/jsx-runtime";
//#region lib/ui/BasicToast.tsx
function l({ className: l, description: u, href: d, icon: f, incentive: p, isVisible: m, labels: h, onClick: g, onClose: _, theme: v = "dark", title: y, children: b, ...x }) {
	let S = r(v), C = a(), w = b ?? u;
	return /* @__PURE__ */ c("div", {
		...x,
		className: e(m ? "animate-slide-right-enter" : "animate-slide-right-exit opacity-0", "relative isolate flex gap-x-20 rounded-16 p-20 transition-opacity duration-300", t(S), n(S), l),
		role: "note",
		children: [
			f && /* @__PURE__ */ s(o, {
				name: f,
				width: "30px"
			}),
			/* @__PURE__ */ c("a", {
				className: "group pe-44",
				href: d,
				onClick: g,
				children: [
					/* @__PURE__ */ s("p", {
						className: "mb-4 text-b3 font-bold",
						id: C,
						children: y
					}),
					w && /* @__PURE__ */ s("div", {
						className: "mb-12 text-b4",
						children: w
					}),
					/* @__PURE__ */ s(i, {
						component: "span",
						className: "text-b3 font-bold",
						label: p
					})
				]
			}),
			_ && /* @__PURE__ */ s("button", {
				"aria-describedby": C,
				"aria-label": h.close,
				className: e("absolute end-0 top-0 m-20", n(S)),
				onClick: _,
				children: /* @__PURE__ */ s(o, {
					name: "CrossDefault",
					width: "24px"
				})
			})
		]
	});
}
//#endregion
export { l as BasicToast };

//# sourceMappingURL=BasicToast.js.map