import{_ as u,X as m,aF as _,be as f,o as l,c,a as e,n as r,t as y,h as w,j as v,r as p}from"./Co0rzPff.js";const S={components:{XIcon:m},props:{header:{type:String,default:null}},setup(){return{cosmetics:_()}},data(){return{shown:!1,actuallyShown:!1}},methods:{show(){this.shown=!0,setTimeout(()=>{this.actuallyShown=!0},50)},hide(){this.actuallyShown=!1,setTimeout(()=>{this.shown=!1},300)}}},k={key:0},C={class:"modal-body"},b={key:0,class:"header"},g={class:"content"},I={key:1};function X(t,s,d,i,n,o){const h=f("XIcon");return n.shown?(l(),c("div",k,[e("div",{class:r([{shown:n.actuallyShown,noblur:!t.$orElse(i.cosmetics.advancedRendering,!0)},"modal-overlay"]),onClick:s[0]||(s[0]=(...a)=>o.hide&&o.hide(...a))},null,2),e("div",{class:r(["modal-container",{shown:n.actuallyShown}])},[e("div",C,[d.header?(l(),c("div",b,[e("strong",null,y(d.header),1),e("button",{class:"iconified-button icon-only transparent",onClick:s[1]||(s[1]=(...a)=>o.hide&&o.hide(...a))},[w(h)])])):v("",!0),e("div",g,[p(t.$slots,"default",{},void 0,!0)])])],2)])):(l(),c("div",I))}const N=u(S,[["render",X],["__scopeId","data-v-e9cade1f"]]);export{N as M};