1 line
1.1 KiB
JavaScript
1 line
1.1 KiB
JavaScript
import{j as t}from"./jsx-runtime.9YwcPWTT.js";import{r as a}from"./index.LFf77hJu.js";import{c as s}from"./_slug_.fd5a2948.b8Sqj5bQ.js";function x({children:n}){const[r,c]=a.useState(0),e=a.useRef(null),o=a.Children.count(n)-1;a.useEffect(()=>{if(e.current==null)return;const l=e.current.clientWidth*r;console.log(l,r,e.current.clientWidth),e.current.style.transform=`translate3d(-${l}px, 0px, 0px)`},[r]);const u=l=>{c(m=>{const i=m+l;return i<0?o:i>o?0:i})};return t.jsxs("div",{className:s.carousel,children:[t.jsx("button",{className:s.btnPrev,onClick:()=>{u(-1)},children:"Prev"}),t.jsx("div",{className:s.container,children:t.jsx("div",{ref:e,className:s.content,children:n})}),t.jsx("button",{className:s.btnNext,onClick:()=>{u(1)},children:"Next"})]})}function f({children:n}){return t.jsx("div",{className:s.item,children:t.jsx("div",{className:s.itemContent,children:n})})}function v({items:n,height:r=500}){return t.jsx("div",{style:{height:r},children:t.jsx(x,{children:n.map((c,e)=>t.jsx(f,{children:t.jsx("img",{className:"respect-height",src:c.thumbnail??c.url,alt:c.alt})},e))})})}export{v as default};
|