import{j as s,n as i,p as e}from"./index-BTX1XDcj.js";import{b as d}from"./vendor-q1sfVHxQ.js";import{S as f,a as x}from"./swiper.min-BjDUzMMs.js";const u=({slides:a=[],aspectRatio:l="4 / 5",className:n})=>{const[o,p]=d.useState(0);return a.length?s.jsxs("div",{className:i("flex flex-col items-start justify-start gap-[0.8rem] w-full",n),children:[s.jsx("div",{className:"relative w-full overflow-hidden bg-[var(--fig-system-product-bg)]",style:{aspectRatio:l},children:s.jsx(f,{className:"size-full",slidesPerView:1,spaceBetween:0,roundLengths:!0,resizeObserver:!1,loop:a.length>1,onSlideChange:r=>p(r.realIndex),children:a.map(({src:r,srcSet:t,sizes:c,alt:m=""},g)=>s.jsx(x,{children:s.jsx("img",{src:r,srcSet:t,sizes:c,loading:g===0?"eager":"lazy",alt:m,className:"block size-full object-cover"})},r))})}),a.length>1&&s.jsx("div",{className:"flex items-start justify-start gap-[0.2rem] w-full h-px",children:a.map(({src:r},t)=>s.jsx("div",{className:i("w-[0.8rem] h-full",t===o?"bg-[var(--fig-btn-pressed-primary)]":"bg-[var(--fig-btn-disabled)]")},r))})]}):null};u.propTypes={slides:e.arrayOf(e.shape({src:e.string.isRequired,srcSet:e.string,sizes:e.string,alt:e.string})),aspectRatio:e.string,className:e.string};export{u as I};