import e from "../PlBtnGhost/PlBtnGhost.js";
import "../PlBtnGhost/index.js";
import './pl-notification-alert.css';/* empty css                      */
import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, unref as d, useModel as f, withModifiers as p } from "vue";
var m = { class: "pl-notification-alert__wrapper d-flex text-s" }, h = { class: "pl-notification-alert__content flex-grow-1" }, g = {
	key: 0,
	class: "pl-notification-alert__close"
}, _ = {
	key: 0,
	class: "pl-notification-alert__actions d-flex"
}, v = /* @__PURE__ */ a({
	__name: "PlNotificationAlert",
	props: /* @__PURE__ */ o({
		type: { default: "neutral" },
		width: { default: "256px" },
		closable: { type: Boolean }
	}, {
		modelValue: {
			type: Boolean,
			default: !0
		},
		modelModifiers: {}
	}),
	emits: ["update:modelValue"],
	setup(a) {
		let o = a, v = f(a, "modelValue");
		function y() {
			o.closable && (v.value = !1);
		}
		return (o, f) => v.value ? (l(), n("div", {
			key: 0,
			class: s([a.type, "pl-notification-alert d-flex flex-column gap-16"]),
			style: c({ width: `${a.width}` })
		}, [r("div", m, [r("div", h, [u(o.$slots, "default")]), a.closable ? (l(), n("div", g, [i(d(e), {
			icon: "close",
			onClick: p(y, ["stop"])
		})])) : t("", !0)]), o.$slots.actions ? (l(), n("div", _, [u(o.$slots, "actions")])) : t("", !0)], 6)) : t("", !0);
	}
});
export { v as default };

//# sourceMappingURL=PlNotificationAlert.vue2.js.map