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