https://littlive.com/assets/genre-main-BCza6WAw.js

1import{_ as e,p as t,r as n,t as r}from"./react-vendor-CsR3vRuk.js";import{c as i,i as a,n as o}from"./PageSeo-4DBTIjTv.js";import{n as s}from"./StationsLiveContext-CaSt7oZc.js";import{t as c}from"./NoIndex-81dJcNDT.js";import{t as l}from"./NotFoundPage-Dw399hQ5.js";import{n as u}from"./pageData-CgqHKV0t.js";import{i as d,r as f,t as p}from"./genres-CxwkHAW6.js";import{r as m,t as h}from"./GenresPage-Cihef55t.js";var g=r(),_=`#8b5cf6`;function v({genres:t}){let{slug:r=``}=e(),{genres:u,error:v}=m(t),{stations:y}=s();if(!u&&!v)return(0,g.jsxs)(`div`,{className:`pb-24 md:pb-8`,children:[(0,g.jsx)(o,{}),(0,g.jsxs)(`div`,{className:`max-w-[1280px] mx-auto px-6 pt-6 pb-10 space-y-6`,children:[(0,g.jsx)(`div`,{className:`h-56 rounded-3xl bg-[#17171d] animate-pulse`}),(0,g.jsx)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3`,children:Array.from({length:6}).map((e,t)=>(0,g.jsx)(`div`,{className:`h-20 rounded-2xl bg-[#17171d] animate-pulse`},t))})]})]});if(!u)return(0,g.jsxs)(`div`,{className:`flex items-center justify-center min-h-[60vh]`,children:[(0,g.jsx)(c,{}),(0,g.jsx)(i,{page:`serverError`}),(0,g.jsxs)(`div`,{className:`text-center`,children:[(0,g.jsx)(`p`,{className:`text-3xl mb-3`,children:`📻`}),(0,g.jsx)(`h1`,{className:`text-white font-semibold mb-2`,children:`Couldn't load this genre`}),(0,g.jsx)(`p`,{className:`text-gray-500 text-sm mb-3`,children:v}),(0,g.jsx)(n,{to:`/genres`,className:`text-[#8b5cf6] hover:text-[#a78bfa] text-sm`,children:`← Back to genres`})]})]});let b=p(u,r);if(!b)return(0,g.jsx)(l,{});let x=f([...y.values()]).find(e=>d(u,e.genre)?.slug===b.slug)?.stations??[],S=b.h1||b.genre_name,C=b.genre_accent_color||_;return(0,g.jsxs)(`div`,{className:`pb-24 md:pb-8`,children:[(0,g.jsx)(a,{page:b,stations:x}),(0,g.jsxs)(`div`,{className:`max-w-[1280px] mx-auto px-6 pt-6 pb-10`,children:[(0,g.jsx)(`nav`,{"aria-label":`Breadcrumb`,className:`text-xs text-gray-500 mb-4`,children:(0,g.jsxs)(`ol`,{className:`flex flex-wrap gap-1.5`,children:[(0,g.jsx)(`li`,{children:(0,g.jsx)(n,{to:`/genres`,className:`hover:text-white`,children:`Genres`})}),(0,g.jsxs)(`li`,{"aria-current":`page`,children:[`/ `,(0,g.jsx)(`span`,{className:`text-gray-400`,children:S})]})]})}),(0,g.jsxs)(`header`,{className:`rounded-3xl px-7 py-8 sm:px-8 sm:py-10 mb-10 overflow-hidden`,style:{background:`radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, ${C} 25%, transparent), transparent 65%),
2                         linear-gradient(135deg, color-mix(in srgb, ${C} 18%, #111) 0%, #1b1b1b 60%)`,border:`1px solid rgba(255,255,255,0.06)`},children:[(0,g.jsx)(`h1`,{className:`text-4xl font-black text-white mb-3`,children:S}),b.intro&&(0,g.jsx)(`p`,{className:`text-gray-300 max-w-2xl whitespace-pre-line`,children:b.intro})]}),x.length>0?(0,g.jsx)(h,{stations:x}):(0,g.jsx)(`div`,{className:`rounded-2xl bg-[#17171d] p-10 text-center`,children:(0,g.jsx)(n,{to:`/stations`,className:`text-[#8b5cf6] hover:text-[#a78bfa] text-sm`,children:`Browse all stations`})})]})]})}var y=t(function({loaderData:e}){return(0,g.jsx)(v,{genres:e?.genres})});export{y as default,u as shouldRevalidate};