import{jsxs as e,jsx as i}from"react/jsx-runtime";import{If as t}from"@gem-sdk/system";import"react";let l=({customHandle:l,componentUid:d,lineStyles:s,sliderStyles:r,handleStyles:h,customHandleStyles:n,leftArrowStyles:o,rightArrowStyles:w,sliderRef:m})=>e("div",{ref:m,id:`image-comparison-slider-${d}`,style:r,children:[i("div",{style:s}),t(!!l,i("div",{style:n,children:l}),e("div",{style:h,children:[i("svg",{style:o,width:"6",height:"12",viewBox:"0 0 6 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{d:"M0 6L6 0V12L0 6Z",fill:"white"})}),i("svg",{style:w,width:"6",height:"12",viewBox:"0 0 6 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{d:"M6 6L0 12V0L6 6Z",fill:"white"})})]})),i("div",{style:s})]});export{l as default};
