import{i as y,n as i,o as e,w as c,a as t,r,c as l,A as a,p as f,t as d,ak as h,z as p}from"./entry-dab49bd.js";import{e as g,g as k}from"./composables-dab49bd.js";const v=["data-id"],x={class:"flex flex-col p-5 gap-6"},A=["src"],$={class:"flex flex-col gap-5"},w={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=k;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,v)]),body:c(()=>[t("div",x,[t("img",{src:f(_).value==="dark"?o.images?.dark:o.images?.light},null,8,A),t("div",$,[t("div",w,[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 _};
