"use client";
import { j as r } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import m from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import "react";
import { ReactComponent as p } from "../../assets/images/ArrowTop.svg.mjs";
import e from "./index.module.scss.mjs";
const l = ({
  onClick: n,
  classNames: t,
  className: i,
  isLeftButton: o,
  ...u
}) => /* @__PURE__ */ r.jsx(
  "button",
  {
    onClick: n,
    "data-testid": `carousel-${o ? "left" : "right"}-button`,
    className: m(
      {
        [e.leftButton]: o,
        [e["button-detached"]]: !0
      },
      t == null ? void 0 : t.button,
      i
    ),
    ...u,
    children: /* @__PURE__ */ r.jsx(p, { width: 24, height: 24 })
  }
);
export {
  l as default
};
//# sourceMappingURL=index.mjs.map
