"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),system=require("@gem-sdk/system");const Arrow=e=>{let{custom:s,left:t}=e,{isRenderCustomIcon:r}=helpers.getData(e),{buttonClass:l,buttonContentClass:o}=classes.getClass(e),{buttonStyle:a,buttonContentStyle:c,innerBorderCss:u}=styles.getStyle(e),i=system.If(r,s??"",`<svg
      height="100%"
      width="100%"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      fill="currentColor"
    >
      <path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" />
    </svg>`),m=core.template`
    <div
      class="${o}"
      style="${c}"
    >
        ${i||""}
    </div>
  `;return core.template`
    <button
      type="button"
      aria-label='Carousel ${t?"Back":"Next"} Arrow'
      class="${l}"
      style="${a}"
    >
      <style type="text/css">${u}</style>
      ${m}
    </button>
  `};exports.default=Arrow;
