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