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