import r from "classnames";
import e from "react";
import o from "./accelbyte-widgets332.mjs";
const l = {
  left: o.left,
  right: o.right,
  up: o.up,
  down: o.down
}, c = ({ className: t }) => /* @__PURE__ */ e.createElement("i", { className: r(o.arrowIcon, "arrowIcon", t) }, /* @__PURE__ */ e.createElement(
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: "2",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  },
  /* @__PURE__ */ e.createElement("polyline", { points: "9 18 15 12 9 6" })
));
export {
  c as ArrowIcon,
  l as ArrowIconStyles
};
