import{aH as c,ap as d,aq as f,o as g,e as m,ag as v,b as x,a as C,D as r,k as t,q as y,aI as b,s as h,at as p}from"./EJiqiqZX.js";const q={slots:{root:"relative [&_pre]:h-[200px]",footer:"h-16 absolute inset-x-px bottom-px rounded-b-md flex items-center justify-center",trigger:"group",triggerIcon:"group-data-[state=open]:rotate-180"},variants:{open:{true:{root:"[&_pre]:h-auto [&_pre]:min-h-[200px] [&_pre]:max-h-[80vh] [&_pre]:pb-12"},false:{root:"[&_pre]:overflow-hidden",footer:"bg-gradient-to-t from-muted"}}}},B={__name:"ProseCodeCollapse",props:b({icon:{type:null,required:!1},name:{type:String,required:!1},openText:{type:String,required:!1},closeText:{type:String,required:!1},class:{type:null,required:!1},ui:{type:null,required:!1}},{open:{type:Boolean,default:!1},openModifiers:{}}),emits:["update:open"],setup(s){const e=s,o=c(s,"open",{type:Boolean,default:!1}),{t:l}=d(),n=f(),a=h(()=>p({extend:p(q),...n.ui?.prose?.codeCollapse||{}})({open:o.value}));return(u,i)=>(g(),m("div",{class:r(a.value.root({class:[e.ui?.root,e.class]}))},[v(u.$slots,"default"),x("div",{class:r(a.value.footer({class:e.ui?.footer}))},[C(y,{icon:s.icon||t(n).ui.icons.chevronDown,color:"neutral",variant:"outline","data-state":o.value?"open":"closed",label:`${o.value?e.closeText||t(l)("prose.codeCollapse.closeText"):e.openText||t(l)("prose.codeCollapse.openText")} ${e.name||t(l)("prose.codeCollapse.name")}`,class:r(a.value.trigger({class:e.ui?.trigger})),ui:{leadingIcon:a.value.triggerIcon({class:e.ui?.triggerIcon})},onClick:i[0]||(i[0]=_=>o.value=!o.value)},null,8,["icon","data-state","label","class","ui"])],2)],2))}};export{B as default};