"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),s=require("./common/styles.js"),r=require("./common/helpers.js"),l=require("@gem-sdk/system");exports.default=o=>{let{custom:a,left:u}=o,{isRenderCustomIcon:i}=r.getData(o),{buttonClass:c,buttonContentClass:m}=t.getClass(o),{buttonStyle:g,buttonContentStyle:n,innerBorderCss:p}=s.getStyle(o),y=l.If(i,a??"",`<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>`),d=e.template`
    <div
      class="${m}"
      style="${n}"
    >
        ${y||""}
    </div>
  `;return e.template`
    <button
      type="button"
      aria-label='Carousel ${u?"Back":"Next"} Arrow'
      class="${c}"
      style="${g}"
    >
      <style type="text/css">${p}</style>
      ${d}
    </button>
  `};
