import{g as c,o as a,c as r,v as d,a as e,F as n,s as i,t as o}from"./BKxwI4SA.js";const p={class:"space-y-6"},u={class:"grid gap-4 xl:grid-cols-[1.5fr_1fr]"},v={class:"card p-5"},b={class:"grid grid-cols-7 gap-2 text-xs text-text-secondary"},g={class:"mt-2 grid grid-cols-7 gap-2"},x={class:"text-xs text-text-secondary"},f=c({__name:"calendar",setup(m){const l=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];return(h,s)=>(a(),r("div",p,[s[2]||(s[2]=d('<header class="flex flex-wrap items-center justify-between gap-3"><div><h1 class="text-2xl font-semibold">Reporting Calendar</h1><p class="text-sm text-text-secondary">Monthly and weekly visibility with interactive report markers.</p></div><div class="flex gap-2"><button class="btn-ghost">Week</button><button class="btn-primary">Month</button></div></header>',1)),e("section",u,[e("article",v,[e("div",b,[(a(),r(n,null,i(l,t=>e("div",{key:t,class:"px-2 py-1"},o(t),1)),64))]),e("div",g,[(a(),r(n,null,i(35,t=>e("div",{key:t,class:"h-24 rounded-xl border border-surface-border bg-white p-2 transition hover:border-brand-300 hover:bg-brand-50/40"},[e("p",x,o(t),1),s[0]||(s[0]=e("div",{class:"mt-1 flex gap-1"},[e("span",{class:"h-2 w-2 rounded-full bg-brand-500"}),e("span",{class:"h-2 w-2 rounded-full bg-cyan-400"})],-1))])),64))])]),s[1]||(s[1]=d('<article class="card p-5"><h2 class="font-semibold">Timeline Panel</h2><div class="mt-4 space-y-3 text-sm"><div class="card-muted p-3">09:00 - IT Daily Sync</div><div class="card-muted p-3">10:30 - HR Attendance Review</div><div class="card-muted p-3">13:00 - Finance Progress Update</div><div class="card-muted p-3">15:45 - Marketing Weekly Report</div></div><div class="mt-5 h-28 rounded-xl border border-surface-border bg-brand-50"></div></article>',1))])]))}});export{f as default};
