import{w as g,j as t,A as i,e as u,T as l,d as h}from"./index-BYGNgc5Y.js";import{r as w}from"./vendor-animations-CsoOZIH8.js";const r="streamers",n=335,b=e=>{const a=w.useRef(null),o=[{avatar:"fasoollka.png",title:e.t("landing:streamersSection:fasoollka:title"),subtitle:e.t("landing:streamersSection:fasoollka:subtitle"),link:"https://www.twitch.tv/search?term=Fasoollka"},{avatar:"sergeycrey.png",title:e.t("landing:streamersSection:sergeycrey:title"),subtitle:e.t("landing:streamersSection:sergeycrey:subtitle"),link:"https://www.twitch.tv/sergeycrey/about"},{avatar:"streamer1.png",title:e.t("landing:streamersSection:streamer1:title"),subtitle:e.t("landing:streamersSection:streamer1:subtitle"),link:"https://www.twitch.tv/restoratorgame"},{avatar:"streamer2.png",title:e.t("landing:streamersSection:streamer2:title"),subtitle:e.t("landing:streamersSection:streamer2:subtitle"),link:"https://www.youtube.com/@losevmusic"},{avatar:"nedogonpolya.png",title:e.t("landing:streamersSection:nedogonpolya:title"),subtitle:e.t("landing:streamersSection:nedogonpolya:subtitle"),link:"https://www.twitch.tv/nedogonpolya/about"}],c=()=>{if(a.current){const s=a.current.scrollLeft-n;a.current.scrollTo({behavior:"smooth",left:s})}},d=()=>{if(a.current){const s=a.current.scrollLeft+n;a.current.scrollTo({behavior:"smooth",left:s})}},m=s=>t.jsxs("div",{className:`${r}__item`,children:[t.jsx("img",{loading:"lazy",className:`${r}__avatar`,src:`/design/landing/ru/streamers/${s.avatar}`,alt:s.avatar}),t.jsx(u,{size:"m",children:s.title}),t.jsx(l,{size:"l",color:"white",isMarginDisabled:!0,children:s.subtitle}),t.jsx(l,{size:"m",color:"brand",isMarginDisabled:!0,children:t.jsx(h,{text:e.t("landing:streamersSection:link"),target:"_blank",link:s.link})})]},s.title);return t.jsxs("div",{className:r,children:[t.jsxs("div",{className:`${r}__top`,children:[t.jsx(i,{type:"chartDraw"}),t.jsxs("div",{className:`${r}__slider`,children:[t.jsx("div",{role:"button","aria-label":"previous",onClick:c,children:t.jsx(i,{type:"arrowLeftDraw"})}),t.jsx("div",{role:"button","aria-label":"next",onClick:d,children:t.jsx(i,{type:"arrowRightDraw"})})]})]}),t.jsx("div",{className:`${r}__items`,ref:a,children:o.map(m)})]})},S=g()(b);export{S as default};