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