"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system");exports.default=({customHandle:i,componentUid:s,lineStyles:l,sliderStyles:d,handleStyles:v,customHandleStyles:r,leftArrowStyles:w,rightArrowStyles:g})=>e.template`
    <div id="image-comparison-slider-${s}" style="${d}">
      <div style="${l}"></div>
      ${t.If(!!i,e.template`<div style="${r}">${i}</div>`,e.template`<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="${l}"></div>
    </div>
  `;
