'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:p,leftImageLabel:d,rightImageLabel:u,sliderLineWidth:I,hoverToSlide:C,enableLabel:h,preload:j,enableSEOLeft:x,enableSEORight:f}=e??{},v=system.createClass(classes.getImageComparisonWrapperClasses()),y=system.createStyleReact(classes.getImageComparisonWrapperStyles());return jsxRuntime.jsx("div",{style:y,className:v,"data-allow-active-on-mousemove":!0,children:jsxRuntime.jsx(CompareImage.default,{...r,styles:a,preload:j,advanced:t,leftImage:l,leftImageAlt:x?i:"",leftImageTitle:x?m:"",rightImage:o,rightImageAlt:f?g:"",rightImageTitle:f?n:"",leftImageLabel:d??"Before",rightImageLabel:u??"After",sliderLineWidth:I,sliderPositionPercentage:helpers.getSliderPositionPercentage(p),vertical:"vertical"===c,hover:C,enableLabel:h,componentUid:s?.uid,builderData:s?.builderData,pageContext:r.pageContext??{}})})};exports.default=ImageComparison;
