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