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