vitepress/v1/assets/chunks/ModalDemo.91vGawec.js

import{d as l,p as n,o as s,c as d,j as a,b as r,G as i,w as m,ah as c,ai as u,T as _,aj as p,F as v,_ as f}from"./framework.C1C4sYC0.js";const b={class:"modal-mask"},k={class:"modal-container"},w={class:"model-footer"},h=l({__name:"ModalDemo",setup(C){const e=n(!1);return(M,o)=>(s(),d(v,null,[a("button",{class:"modal-button",onClick:o[0]||(o[0]=t=>e.value=!0)},"Show Modal"),(s(),r(p,{to:"body"},[i(_,{name:"modal"},{default:m(()=>[c(a("div",b,[a("div",k,[o[2]||(o[2]=a("p",null,"Hello from the modal!",-1)),a("div",w,[a("button",{class:"modal-button",onClick:o[1]||(o[1]=t=>e.value=!1)}," Close ")])])],512),[[u,e.value]])]),_:1})]))],64))}}),B=f(h,[["__scopeId","data-v-31d152b7"]]);export{B as M};