https://softmg.ru/assets/gallery-section-Bydql9mX.js

1import{r as l,j as s,a as o}from"./components-iJCOcQdr.js";import{u as N}from"./use-slider-CKJEk_l9.js";import{c,T as R,C as k,S}from"./violet-tag-BqTxZPqI.js";import{A as b}from"./arrow-buttons-BCRlALRP.js";import"./chevron-left-B89uCQQZ.js";import"./chevron-right-B1uw2Y8i.js";const C="_slider_119y2_27",j="_slide_119y2_27",A="_gallery_119y2_94",I="_gallery__image_119y2_100",L="_image_119y2_125",M="_carousel_119y2_132",V="_carousel__buttons_119y2_139",T="_slide__image_119y2_144",e={slider:C,"slider--preview":"_slider--preview_119y2_27",slide:j,"slide--active":"_slide--active_119y2_77",gallery:A,gallery__image:I,image:L,carousel:M,carousel__buttons:V,slide__image:T},z=({data:{gallery:d}})=>{const r=d.filter(t=>t!==null),[a,m]=l.useState(0),[g,u]=l.useState(!1),n=l.useRef(null),_=l.useRef(null),{sliderRef:y,handlePrev:p,handleNext:f}=N({slides:{perView:5,spacing:10},breakpoints:{"(max-width: 1199px)":{slides:{perView:4.1,spacing:12}},"(max-width: 768px)":{slides:{perView:2.7,spacing:8}}},arrows:{refLeft:n,refRight:_},created(){u(!0)}}),h=l.useMemo(()=>({ref:n,onClick:p}),[]),v=l.useMemo(()=>({ref:_,onClick:f}),[]),w=l.useMemo(()=>r[a],[a,r]),x=c(["keen-slider",e.slider,{[e["slider--preview"]]:!g}]);return s(S,{color:"gray",style:{overflow:"hidden"},children:o(k,{children:[s(R,{variant:"h4",children:"Галерея страниц проекта"}),o("div",{className:e.gallery,children:[s("div",{className:e.gallery__image,children:s("img",{alt:`gallery-${a}`,src:w,className:e.image})}),o("div",{className:e.carousel,children:[s("div",{className:e.carousel__buttons,children:s(b,{left:h,right:v})}),s("div",{ref:y,className:x,children:r==null?void 0:r.map((t,i)=>s("div",{role:"presentation",onClick:()=>m(i),className:i===a?c("keen-slider__slide",e.slide,e["slide--active"]):c("keen-slider__slide",e.slide),children:s("img",{className:e.slide__image,src:t,alt:`slide-${i}`})},i))})]})]})]})})};export{z as default};