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