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