import{f as y,k as i,o as e,w as c,a as t,r,c as l,y as a,l as f,t as d,ai as h,x as p}from"./entry-1ceb179.js";import{e as g,g as x}from"./composables-1ceb179.js";const k=["data-id"],v={class:"flex flex-col p-5 gap-6"},$=["src"],w={class:"flex flex-col gap-5"},A={class:"flex flex-col gap-2"},B=["data-id"],P=["data-id"],I={key:1,class:"flex justify-end gap-2"},j=y({__name:"ModalIllustrated",props:{dataId:{},title:{},description:{},images:{},primaryActionProps:{},secondaryActionProps:{},showCloseButton:{type:Boolean},wide:{type:Boolean},noActions:{type:Boolean}},setup(m){const o=m,_=g();return(s,C)=>{const n=h,u=x;return e(),i(u,{content:{"data-id":o.dataId},title:o.title,description:o.description,ui:{content:`${o.wide?"max-w-[640px]":""}`,description:"hidden",header:"hidden",body:"p-0 sm:p-0 overflow-visible",close:s.showCloseButton?"flex top-6 end-5":"hidden"}},{description:c(()=>[t("div",{"data-id":`${o.dataId}-description`},d(o.description),9,k)]),body:c(()=>[t("div",v,[t("img",{src:f(_).value==="dark"?o.images?.dark:o.images?.light},null,8,$),t("div",w,[t("div",A,[t("div",{"data-id":`${o.dataId}-title`,class:"text-xl font-medium"},d(o.title),9,B),o.description?(e(),l("div",{key:0,"data-id":`${o.dataId}-description`},d(o.description),9,P)):a("",!0)]),r(s.$slots,"default")]),s.$slots.actions?r(s.$slots,"actions",{key:0}):o.noActions?a("",!0):(e(),l("div",I,[o.secondaryActionProps?(e(),i(n,p({key:0},o.secondaryActionProps,{"data-id":`${o.dataId}-secondary-action`,variant:"ghost",size:"lg",color:o.secondaryActionProps.color||"neutral",class:"min-w-20 justify-center"}),null,16,["data-id","color"])):a("",!0),o.primaryActionProps?(e(),i(n,p({key:1},o.primaryActionProps,{"data-id":`${o.dataId}-primary-action`,color:o.primaryActionProps.color||"neutral",size:"lg",class:"min-w-20 justify-center"}),null,16,["data-id","color"])):a("",!0)]))])]),_:3},8,["content","title","description","ui"])}}});export{j as _};
