import{u as w,e as g,j as d,k as y,o as a,c as l,b as t,M as m,L as u,t as x,p as _,$ as k,r as N,a as C,w as L,P as M,Q as z,K as B,aI as $}from"./main-DYvSVgaj.js";const b={class:"overflow-hidden rounded-lg shadow-xs"},S={class:"p-4"},T={class:"flex items-start"},I={class:"shrink-0"},j={key:0,class:"w-6 h-6 text-green-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},O={key:1,class:"w-6 h-6 text-blue-400",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},V={key:2,class:"w-6 h-6 text-red-400",fill:"currentColor",viewBox:"0 0 24 24"},E={class:"flex-1 w-0 ml-3 text-left"},A={class:"flex shrink-0"},D={__name:"NotificationItem",props:{notification:{type:Object,default:null}},setup(e){const o=e,f=w();let c=g("");const i=d(()=>o.notification.type=="success"),v=d(()=>o.notification.type=="error"),s=d(()=>o.notification.type=="info");function r(){f.hideNotification(o.notification)}function h(){clearTimeout(c)}function p(){c=setTimeout(()=>{f.hideNotification(o.notification)},o.notification.time||5e3)}return y(()=>{p()}),(P,n)=>(a(),l("div",{class:u([i.value||s.value?"bg-white":"bg-red-50","max-w-sm mb-3 rounded-lg shadow-lg cursor-pointer pointer-events-auto w-full md:w-96"]),onClick:_(r,["stop"]),onMouseenter:h,onMouseleave:p},[t("div",b,[t("div",S,[t("div",T,[t("div",I,[i.value?(a(),l("svg",j,n[0]||(n[0]=[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)]))):m("",!0),s.value?(a(),l("svg",O,n[1]||(n[1]=[t("path",{"fill-rule":"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z","clip-rule":"evenodd"},null,-1)]))):m("",!0),v.value?(a(),l("svg",V,n[2]||(n[2]=[t("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z","clip-rule":"evenodd"},null,-1)]))):m("",!0)]),t("div",E,[t("p",{class:u(`text-sm leading-5 font-medium ${i.value||s.value?"text-gray-900":"text-red-800"}`)},x(e.notification.title?e.notification.title:i.value?"Success!":"Error"),3),t("p",{class:u(`mt-1 text-sm leading-5 ${i.value||s.value?"text-gray-500":"text-red-700"}`)},x(e.notification.message?e.notification.message:i.value?"Successful":"Something went wrong"),3)]),t("div",A,[t("button",{class:u([i.value||s.value?" text-gray-400 focus:text-gray-500":"text-red-400 focus:text-red-500","inline-flex w-5 h-5 transition duration-150 ease-in-out focus:outline-none"]),onClick:r},n[3]||(n[3]=[t("svg",{class:"w-6 h-6",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[t("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1)]),2)])])])])],34))}},F={components:{NotificationItem:D},setup(){const e=w();return{notifications:d(()=>e.notifications)}}},G={class:"fixed inset-0 z-50 flex flex-col items-end justify-start w-full px-4 py-6 pointer-events-none sm:p-6"};function K(e,o,f,c,i,v){const s=N("NotificationItem");return a(),l("div",G,[C($,{"enter-active-class":"transition duration-300 ease-out","enter-from-class":"translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2","enter-to-class":"translate-y-0 opacity-100 sm:translate-x-0","leave-active-class":"transition duration-100 ease-in","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:L(()=>[(a(!0),l(M,null,z(c.notifications,r=>(a(),B(s,{key:r.id,notification:r},null,8,["notification"]))),128))]),_:1})])}const R=k(F,[["render",K]]);export{R as N};
