"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:i}=o,{isRenderCustomIcon:u}=r.getData(o),{buttonClass:c,buttonContentClass:m}=t.getClass({...o,isLiquid:!0}),{buttonStyle:d,buttonContentStyle:g,innerBorderCss:n}=s.getStyle(o),p=l.If(u,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>`),y=e.template`
    <div
      class="${m}"
      style="${g}"
    >
        ${p||""}
    </div>
  `;return e.template`
    <button
      type="button"
      aria-label='Carousel ${i?"Back":"Next"} Arrow'
      class="${c}"
      style="${d}"
    >
      <style type="text/css">${n}</style>
      ${y}
    </button>
  `};
