import{j as e}from"./jsx-runtime-CO-XqC9s.js";import{R as n,S as i}from"./RangeSelector-CMluoFBV.js";import{U as x}from"./UserCard-DHuAbolE.js";import{M as f,f as s}from"./og-Mltk8HVS.js";import{M as l}from"./meta-Duo2EmE3.js";import{u as c}from"./components-DpMTR3IV.js";import{a as d}from"./index-Jy6YZvdZ.js";import"./utils-BYVXdvyZ.js";import"./generateCategoricalChart-Dl3bnwBI.js";import"./index-pb-zeX1P.js";import"./AreaChart-BODEhlU8.js";import"./ToolTip-Be8zC4nb.js";import"./index-CfPgVkVq.js";import"./index-B3herkNE.js";import"./index-CWW5OZFH.js";import"./index-Cx08bkpf.js";import"./index-CbAtIyzQ.js";import"./index-C7jcDRIq.js";import"./index-DRFB6q6p.js";import"./index-3D2D3D7e.js";import"./index-9rJDnd-x.js";import"./index-B0voHGHU.js";import"./index-D1I5NLPV.js";import"./index-XSCdru0c.js";import"./index-IhLw0axj.js";import"./eye-B5g9FxYf.js";import"./createLucideIcon-BQDwd0P3.js";import"./user-CqaSHHE4.js";function B(){const{range:t,data:a,startTime:r,endTime:o}=c(),m=d();return e.jsxs("div",{children:[e.jsx(p,{data:a.Information}),e.jsx("div",{className:"flex flex-col gap-20 mt-20",children:e.jsxs("div",{className:"flex flex-col items-center md:items-start",children:[e.jsx(n,{range:t,isLoading:m.state==="loading"}),e.jsx(u,{data:a,startTime:r,endTime:o}),e.jsx(g,{streamers:a.Streamers})]})})]})}function p({data:t}){return e.jsx("header",{className:"flex flex-col items-center justify-between gap-16 lg:flex-row",children:e.jsxs("div",{className:"flex flex-col items-center flex-1 gap-5 text-center lg:items-center lg:text-left lg:flex-row",children:[e.jsxs("div",{className:"relative flex items-center justify-center w-[100px] min-w-[100px] rounded-lg",children:[e.jsx("img",{src:t.Thumbnail,alt:t.Name,className:"absolute inset-0 rounded-full transform scale-[4] -z-10 filter blur-xl opacity-40"}),e.jsx("img",{src:t.Thumbnail,alt:t.Name,className:"z-10 rounded-lg"})]}),e.jsx("h1",{className:"text-3xl font-extrabold lg:text-5xl font-code text-foreground drop-shadow-foreground",children:t.Name})]})})}function u({data:t,startTime:a,endTime:r}){return e.jsxs("div",{className:"flex flex-col w-full gap-4 mt-4 md:flex-row h-fit",children:[e.jsx(i,{short:!0,title:"Live Channels",data:t.LiveChannels,startTime:new Date(a),endTime:new Date(r),className:"h-[300px] md:h-[200px] md:flex-1 flex-auto"}),e.jsx(i,{title:"Category Viewers",data:t.ViewerCount,startTime:new Date(a),endTime:new Date(r),className:"h-[300px] md:h-[200px] md:flex-1 flex-auto"})]})}function g({streamers:t}){return e.jsxs("div",{className:"flex flex-col items-center w-full gap-8 mt-20 md:items-start",children:[e.jsx("h2",{className:"text-4xl font-extrabold font-code text-foreground",children:"Top Live Channels"}),e.jsx("div",{className:"flex flex-wrap justify-center gap-4",children:t==null?void 0:t.map(a=>e.jsx(x,{avatar:a.avatar,slug:a.slug,username:a.user_name,viewers:a.viewers,verified:a==null?void 0:a.verified},a.user_name))})]})}const F={isStatsChannelPage:!0},J=f(({data:t})=>t?s(l.STATS_CATEGORY,{name:t.data.Information.Name}):s(l.STATS_CATEGORY_HOME,{}));export{B as default,F as handle,J as meta};