import{template as i}from"@gem-sdk/core";import{If as e}from"@gem-sdk/system";let SlideHandle=({customHandle:t,componentUid:l,lineStyles:d,sliderStyles:s,handleStyles:v,customHandleStyles:o,leftArrowStyles:w,rightArrowStyles:g})=>i`
    <div id="image-comparison-slider-${l}" style="${s}">
      <div style="${d}"></div>
      ${e(!!t,i`<div style="${o}">${t}</div>`,i`<div style="${v}">
          <svg
            style="${w}"
            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="${g}"
            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="${d}"></div>
    </div>
  `;export{SlideHandle as default};
