'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),system=require("@gem-sdk/system");const Arrow=e=>{let{custom:s,left:t,onClick:r}=e,{isRenderCustomIcon:l}=helpers.getData(e),{buttonClass:o,buttonContentClass:a}=classes.getClass(e),{buttonStyle:n,buttonContentStyle:u,innerBorderCss:i}=styles.getStyle(e,"react"),m=system.If(l,s??"",`<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>`),c=jsxRuntime.jsx("div",{className:a,style:u,dangerouslySetInnerHTML:{__html:m||""}});return jsxRuntime.jsxs("button",{type:"button","aria-label":`Carousel ${t?"Back":"Next"} Arrow`,className:o,style:n,onClick:r,children:[jsxRuntime.jsx("style",{type:"text/css",dangerouslySetInnerHTML:{__html:i}}),c]})};exports.default=Arrow;
