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