import{e as r,G as h,_ as x,f as v,b as i,i as d,o as c,a as e,n as g,r as n,m as y}from"./vendor-1-1-40.js";const _={key:0},b={class:"overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex"},w={class:"relative bg-white rounded-lg shadow dark:bg-gray-700"},k={class:"flex items-center justify-between p-4 md:p-5 rounded-t"},V={class:"text-2xl font-semibold text-gray-900 dark:text-white"},z={class:"px-4 py-2 md:px-5 space-y-4"},S={key:0,class:"flex items-center justify-end gap-3 p-4 md:p-5 rounded-b"},B={__name:"MdrModal",props:{modelValue:Boolean,size:{type:String,default:"max-w-2xl"}},emits:["update:modelValue","onShow","onHide"],setup(l,{emit:m}){const u=l,o=m,a=r({get(){return u.modelValue},set(t){o("update:modelValue",t)}});h(a,t=>{t?o("onShow",!0):o("onHide",!1)});const p=r(()=>!!x().actions);return(t,s)=>{const f=v("x-mark-icon");return a.value?(c(),i("div",_,[s[1]||(s[1]=e("div",{class:"bg-gray-900 !bg-opacity-50 fixed inset-0 z-40"},null,-1)),e("div",b,[e("div",{class:g(`${l.size} relative p-4 max-h-full`)},[e("div",w,[e("div",k,[e("h3",V,[n(t.$slots,"title")]),e("button",{type:"button",class:"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white",onClick:s[0]||(s[0]=$=>a.value=!1)},[y(f,{class:"size-4"})])]),e("div",z,[n(t.$slots,"default")]),p.value?(c(),i("div",S,[n(t.$slots,"actions")])):d("",!0)])],2)])])):d("",!0)}}};export{B as _};
