https://actualidadpenal.pe/_nuxt/ChSGVX5R.js

1import{d as b,b as l,c as s,x as n,e,F as o,l as u,n as r,g as f,s as h}from"./Tu_9qqDy.js";const w={class:"w-full"},m={key:0,class:"animate-pulse"},p={class:"space-y-6"},y={key:2,class:"space-y-4 animate-pulse"},x=b({__name:"SkeletonLoader",props:{type:{default:"article"},lines:{default:5},count:{default:1},cols:{default:3}},setup(a){const v=a,c=h(()=>v.type!=="grid"?"":`grid grid-cols-1 md:grid-cols-2 ${{1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4"}[String(v.cols)]||"lg:grid-cols-3"} gap-8`),t=["w-full","w-11/12","w-4/5","w-5/6","w-full","w-3/4","w-2/3"];return(g,d)=>(l(),s("div",w,[a.type==="article"?(l(),s("div",m,[d[1]||(d[1]=n('<div class="flex items-center gap-3 mb-8"><div class="h-3 bg-slate-200 rounded-full w-24"></div><div class="h-2 w-2 bg-slate-200 rounded-full"></div><div class="h-3 bg-slate-100 rounded-full w-32"></div></div><div class="space-y-4 mb-10"><div class="h-8 md:h-12 bg-slate-200 rounded-lg w-full"></div><div class="h-8 md:h-12 bg-slate-200 rounded-lg w-4/5"></div></div><div class="flex items-center gap-4 py-6 border-y border-slate-100 mb-10"><div class="w-14 h-14 bg-slate-200 rounded-full shrink-0"></div><div class="space-y-3 flex-1"><div class="h-4 bg-slate-200 rounded-full w-48"></div><div class="h-3 bg-slate-100 rounded-full w-32"></div></div><div class="hidden sm:flex gap-3"><div class="w-10 h-10 bg-slate-100 rounded-full"></div><div class="w-10 h-10 bg-slate-100 rounded-full"></div></div></div>',3)),e("div",p,[(l(!0),s(o,null,u(Math.ceil(a.lines/4),i=>(l(),s("div",{class:"space-y-3",key:"p"+i},[e("div",{class:r(["h-4 bg-slate-100 rounded-lg",t[0]])},null,2),e("div",{class:r(["h-4 bg-slate-100 rounded-lg",t[1]])},null,2),e("div",{class:r(["h-4 bg-slate-100 rounded-lg",t[2]])},null,2),e("div",{class:r(["h-4 bg-slate-100 rounded-lg",t[i*3%t.length]])},null,2)]))),128)),d[0]||(d[0]=n('<div class="w-full h-32 md:h-48 bg-slate-50 border-l-4 border-brand-seventh/20 rounded-r-xl my-10"></div><div class="space-y-3"><div class="h-4 bg-slate-100 rounded-lg w-full"></div><div class="h-4 bg-slate-100 rounded-lg w-5/6"></div><div class="h-4 bg-slate-100 rounded-lg w-4/5"></div></div>',2))])])):a.type==="grid"?(l(),s("div",{key:1,class:r(c.value)},[(l(!0),s(o,null,u(a.count,i=>(l(),s("div",{key:i,class:"relative bg-white border border-slate-100 rounded-lg p-6 shadow-sm overflow-hidden animate-pulse"},[...d[2]||(d[2]=[n('<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-brand-seventh/20 to-transparent"></div><div class="flex items-center gap-2 mb-4 mt-2"><div class="w-4 h-4 bg-brand-seventh/20 rounded-full"></div><div class="h-3 bg-slate-200 rounded-full w-20"></div></div><div class="space-y-2.5 mb-6"><div class="h-6 bg-slate-200 rounded-lg w-full"></div><div class="h-6 bg-slate-200 rounded-lg w-4/5"></div></div><div class="space-y-2 mb-8"><div class="h-3 bg-slate-100 rounded-lg w-full"></div><div class="h-3 bg-slate-100 rounded-lg w-11/12"></div></div><div class="flex items-center justify-between pt-4 border-t border-slate-50 mt-auto"><div class="flex items-center gap-3"><div class="w-8 h-8 bg-slate-100 rounded-full"></div><div class="space-y-1.5"><div class="h-2 bg-slate-200 rounded-full w-16"></div><div class="h-2 bg-slate-100 rounded-full w-12"></div></div></div><div class="h-8 bg-slate-50 rounded-lg w-20"></div></div>',5)])]))),128))],2)):a.type==="list"?(l(),s("div",y,[(l(!0),s(o,null,u(a.count,i=>(l(),s("div",{key:i,class:"bg-white border border-slate-200/80 rounded-lg p-4 space-y-3"},[...d[3]||(d[3]=[e("div",{class:"h-3 bg-slate-200 rounded-full w-1/4"},null,-1),e("div",{class:"h-4 bg-slate-200 rounded-full w-3/4"},null,-1),e("div",{class:"h-3 bg-slate-100 rounded-full w-1/2"},null,-1)])]))),128))])):f("",!0)]))}}),C=Object.assign(x,{__name:"BaseSkeletonLoader"});export{C as _};