https://notbetting.com/_next/static/chunks/2701.e1340504aa83e995.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2701],{72701:(e,l,t)=>{t.r(l),t.d(l,{TopSixPicksCarousel:()=>v});var r=t(95155),s=t(12115),a=t(68072),n=t(76554),i=t(95959);let o=s.createContext(null);function c(){let e=s.useContext(o);if(!e)throw Error("useCarousel must be used within a <Carousel />");return e}let d=s.forwardRef((e,l)=>{let{orientation:t="horizontal",opts:n,setApi:c,plugins:d,className:u,children:x,...f}=e,[h,p]=(0,a.A)({...n,axis:"horizontal"===t?"x":"y"},d),[m,C]=s.useState(!1),[w,v]=s.useState(!1),g=s.useCallback(e=>{e&&(C(e.canScrollPrev()),v(e.canScrollNext()))},[]),b=s.useCallback(()=>{null==p||p.scrollPrev()},[p]),N=s.useCallback(()=>{null==p||p.scrollNext()},[p]),j=s.useCallback(e=>{"ArrowLeft"===e.key?(e.preventDefault(),b()):"ArrowRight"===e.key&&(e.preventDefault(),N())},[b,N]);return s.useEffect(()=>{p&&c&&c(p)},[p,c]),s.useEffect(()=>{if(p)return g(p),p.on("reInit",g),p.on("select",g),()=>{null==p||p.off("select",g)}},[p,g]),(0,r.jsx)(o.Provider,{value:{carouselRef:h,api:p,opts:n,orientation:t||((null==n?void 0:n.axis)==="y"?"vertical":"horizontal"),scrollPrev:b,scrollNext:N,canScrollPrev:m,canScrollNext:w},children:(0,r.jsx)("div",{ref:l,onKeyDownCapture:j,className:(0,i.cn)("relative",u),role:"region","aria-roledescription":"carousel",...f,children:x})})});d.displayName="Carousel";let u=s.forwardRef((e,l)=>{let{className:t,...s}=e,{carouselRef:a,orientation:n}=c();return(0,r.jsx)("div",{ref:a,className:"overflow-hidden",children:(0,r.jsx)("div",{ref:l,className:(0,i.cn)("flex","horizontal"===n?"-ml-4":"-mt-4 flex-col",t),...s})})});u.displayName="CarouselContent";let x=s.forwardRef((e,l)=>{let{className:t,...s}=e,{orientation:a}=c();return(0,r.jsx)("div",{ref:l,role:"group","aria-roledescription":"slide",className:(0,i.cn)("min-w-0 shrink-0 grow-0 basis-full","horizontal"===a?"pl-4":"pt-4",t),...s})});x.displayName="CarouselItem";let f=s.forwardRef((e,l)=>{let{className:t,variant:s="outline",size:a="icon",...o}=e,{orientation:d,scrollPrev:u,canScrollPrev:x}=c();return(0,r.jsxs)(n.T,{ref:l,variant:s,size:a,className:(0,i.cn)("absolute h-8 w-8 rounded-full","horizontal"===d?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!x,onClick:u,...o,children:[(0,r.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M2.17557 4L5.74809 6.79821C5.91603 6.92975 6 7.09716 6 7.30045C6 7.50374 5.91603 7.67115 5.74809 7.80269C5.58015 7.93423 5.36641 8 5.10687 8C4.84733 8 4.63359 7.93423 4.46565 7.80269L0.251908 4.50224C0.160305 4.43049 0.0955723 4.35277 0.0577097 4.26906C0.0198471 4.18535 0.000610687 4.09566 0 4C0 3.90433 0.0192364 3.81465 0.0577097 3.73094C0.0961829 3.64723 0.160916 3.56951 0.251908 3.49776L4.46565 0.197309C4.63359 0.0657695 4.84733 0 5.10687 0C5.36641 0 5.58015 0.0657695 5.74809 0.197309C5.91603 0.328849 6 0.496263 6 0.699551C6 0.90284 5.91603 1.07025 5.74809 1.20179L2.17557 4Z",fill:"#DBDBDB"})}),(0,r.jsx)("span",{className:"sr-only",children:"Previous slide"})]})});f.displayName="CarouselPrevious";let h=s.forwardRef((e,l)=>{let{className:t,variant:s="outline",size:a="icon",...o}=e,{orientation:d,scrollNext:u,canScrollNext:x}=c();return(0,r.jsxs)(n.T,{ref:l,variant:s,size:a,className:(0,i.cn)("absolute h-8 w-8 rounded-full","horizontal"===d?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!x,onClick:u,...o,children:[(0,r.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M3.82443 4L0.251908 1.20179C0.0839695 1.07026 -6.20453e-07 0.902841 -6.38225e-07 0.699552C-6.55998e-07 0.496264 0.0839694 0.32885 0.251908 0.197311C0.419847 0.0657711 0.633587 4.69147e-07 0.893129 4.46457e-07C1.15267 4.23767e-07 1.36641 0.065771 1.53435 0.197311L5.74809 3.49776C5.83969 3.56951 5.90443 3.64723 5.94229 3.73094C5.98015 3.81465 5.99939 3.90434 6 4C6 4.09567 5.98076 4.18535 5.94229 4.26906C5.90382 4.35277 5.83908 4.43049 5.74809 4.50224L1.53435 7.80269C1.3664

11 7.93423 1.15267 8 0.89313 8C0.633588 8 0.419848 7.93423 0.251909 7.80269C0.08397 7.67115 -4.33847e-08 7.50374 -6.11567e-08 7.30045C-7.89288e-08 7.09716 0.08397 6.92975 0.251909 6.79821L3.82443 4Z",fill:"#DBDBDB"})}),(0,r.jsx)("span",{className:"sr-only",children:"Next slide"})]})});h.displayName="CarouselNext";var p=t(44153),m=t(26983);let C={src:"/_next/static/media/TopsPicks.fdd744fe.svg",height:30,width:20,blurWidth:0,blurHeight:0};var w=t(15239);function v(e){let{picks:l,title:t="Picks Destacados",subtitle:a,icon:n="trophy"}=e,[i,o]=s.useState(),[c,v]=s.useState(0),b=s.useRef(0),N=s.useCallback(()=>{b.current=Date.now()+1e4},[]);return s.useEffect(()=>{if(!i)return;v(i.selectedScrollSnap());let e=()=>v(i.selectedScrollSnap());i.on("select",e);let l=setInterval(()=>{Date.now()<b.current||i.scrollNext()},7e3);return()=>{clearInterval(l),i.off("select",e)}},[i]),(0,r.jsx)("div",{className:"relative w-full",onPointerDownCapture:N,children:(0,r.jsxs)(d,{opts:{align:"start",loop:!0,slidesToScroll:1},className:"relative w-full",setApi:o,children:[(0,r.jsxs)("div",{className:"mb-4 flex w-full items-center justify-between",children:[(0,r.jsxs)("div",{className:"flex items-center gap-4",children:["clock"===n?(0,r.jsx)(m.A,{size:28,className:"shrink-0 text-principal-500"}):(0,r.jsx)(w.default,{src:C,alt:"toppicks",width:20,height:29}),(0,r.jsxs)("div",{children:[(0,r.jsx)("h4",{className:"text-lg font-bold text-gray-500 dark:text-[#EBEBEB]",children:t}),a?(0,r.jsx)("p",{className:"text-xs text-gray-500 dark:text-white/45",children:a}):null]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-4",children:[(0,r.jsx)(f,{className:"relative left-0 top-0 min-w-0 max-w-[32px] translate-y-0 rounded-full border border-[#4B4B4B] bg-[#22222280] px-0 dark:bg-[#1D1D1D]"}),(0,r.jsx)(h,{className:"relative left-0 top-0 min-w-0 max-w-[32px] translate-y-0 rounded-full border border-[#4B4B4B] bg-[#22222280] px-0 dark:bg-[#1D1D1D]"})]})]}),(0,r.jsxs)("div",{className:"relative p-0",children:[(0,r.jsx)(u,{children:l.map((e,l)=>(0,r.jsx)(x,{className:"min-w-[20%] shrink-0 grow-0 md:basis-1/2 lg:basis-[30%] 3xl:basis-[22.5%] [&>*]:h-full",children:(0,r.jsx)(p.A,{tip:e,eager:l<2})},l))}),c<l.length-1&&(0,r.jsx)("div",{className:"pointer-events-none absolute bottom-0 right-[-1px] z-10 hidden h-full w-10 bg-gradient-to-l from-transparent to-transparent dark:block dark:from-[#0A0A0A]"})]}),(0,r.jsx)(g,{total:l.length,activeIndex:c,onPageClick:e=>{i&&(i.scrollTo(e),v(e))}})]})})}let g=e=>{let{total:l,activeIndex:t,onPageClick:s}=e;return(0,r.jsx)("div",{className:"absolute -bottom-12 left-1/2 z-20 flex -translate-x-1/2 transform items-center space-x-2 rounded-full bg-gray-500 px-2.5 py-1 dark:bg-[#1D1D1D]",children:Array.from({length:l}).map((e,l)=>(0,r.jsx)("button",{onClick:()=>null==s?void 0:s(l),className:"h-2 rounded-full transition-all duration-300 ".concat(t===l?"w-6 bg-[#CEFD4B]":"w-2 bg-[#585858]")},l))})}}}]);