'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage=require("./CompareImage.js");const ImageComparison=({setting:e,styles:a,builderProps:s,advanced:t,...r})=>{let{imageLeft:l,altLeft:i,titleLeft:m,imageRight:o,altRight:g,titleRight:n,direction:c,defaultPercentage:d,leftImageLabel:p,rightImageLabel:u,sliderLineWidth:I,hoverToSlide:h,enableLabel:j,preload:f,enableSEOLeft:v,enableSEORight:y}=e??{},C=system.createClass(classes.getImageComparisonWrapperClasses()),x=system.createStyleReact(classes.getImageComparisonWrapperStyles());return jsxRuntime.jsx("div",{style:x,className:C,"data-allow-active-on-mousemove":!0,children:jsxRuntime.jsx(CompareImage.default,{...r,styles:a,preload:f,advanced:t,leftImage:l,leftImageAlt:v?i:"",leftImageTitle:v?m:"",rightImage:o,rightImageAlt:y?g:"",rightImageTitle:y?n:"",leftImageLabel:p??"Before",rightImageLabel:u??"After",sliderLineWidth:I,sliderPositionPercentage:helpers.getSliderPositionPercentage(d),vertical:"vertical"===c,hover:h,enableLabel:j,componentUid:s?.uid,builderData:s?.builderData})})};exports.default=ImageComparison;
