import{d as l,y as u,K as d,$ as m,c as h,e as _,h as s,w as f,f as g,n as o,N as a,au as x,af as w,V as y}from"./DkxKk4Lp.js";const v=["id"],$=l({__name:"ProseH3",props:{id:{type:String,required:!0}},setup(n){const t=u(),r=d(()=>({wrapper:"scroll-mt-[calc(48px+32px+var(--header-height))] lg:scroll-mt-[calc(32px+var(--header-height))]",icon:{wrapper:"-ml-6 pr-2 py-2 inline-flex opacity-0 group-hover:lg:opacity-100 transition-opacity absolute",base:"w-4 h-4 text-primary",name:t.ui.icons.hash}})),{ui:e}=m("content.prose.h3",void 0,r,void 0,!0);return(c,C)=>{const i=w,p=y;return h(),_("h3",{id:n.id,class:o(a(e).wrapper)},[s(p,{href:`#${n.id}`,class:"group"},{default:f(()=>[g("div",{class:o(a(e).icon.wrapper)},[s(i,{name:a(e).icon.name,class:o(a(e).icon.base)},null,8,["name","class"])],2),x(c.$slots,"default")]),_:3},8,["href"])],10,v)}}});export{$ as default};