import { jsx as o } from "react/jsx-runtime";
import "react";
import { classNames as c } from "./index-classNames.js";
import { Icon as m, IconSize as n } from "./index-Icon.js";
import { IconNames as t } from "./index-IconNames.js";
import e from "./index-Arrow.module.scss.js";
const y = (i) => {
  const {
    style: l,
    onClick: s,
    direction: r,
    className: a = ""
  } = i;
  return o("a", {
    onClick: s,
    className: c(a, e.ArrowContainer),
    children: o("div", {
      className: e.SlideCarouselArrow,
      style: {
        // Padding fixes for icon not beeing ok
        paddingLeft: r === "right" ? 2 : 0,
        paddingRight: r === "right" ? 0 : 2
      },
      children: o(m, {
        type: n.large,
        children: r === "right" ? t.caretLeft : t.caretRight
      })
    })
  });
};
export {
  y as Arrow
};
