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