import{c as e,o as a,F as t,g as l,a0 as o}from"./app-Do7K7VDV.js";const i={class:"mb-4 grid grid-cols-1 gap-4 lg:grid-cols-4"},u={__name:"OverviewCard",props:{skeletonCount:{type:Number,default:4}},setup(d){return(c,s)=>(a(),e("section",i,[(a(!0),e(t,null,l(d.skeletonCount,r=>(a(),e("div",{key:r,class:"card animate-pulse"},s[0]||(s[0]=[o('<div class="card-body flex items-center gap-2"><div class="h-10 w-10 rounded-full bg-dark-600 bg-opacity-20 p-3 text-xl dark:bg-dark-300"></div><div class="flex flex-1 flex-col gap-2"><div class="h-3 w-28 rounded bg-dark-300"></div><div class="h-4 w-16 rounded bg-dark-400"></div></div></div>',1)])))),128))]))}};export{u as _};
