import { jsx as m } from "react/jsx-runtime";
import { cn as n } from "../../../../utils/cn/cn.es.js";
import t from "../../../../components/ImageGallery/components/ImageGalleryPagination/imageGalleryPagination.module.css";
const p = ({
  images: r,
  activeIndex: l,
  className: e,
  onSelect: i
}) => /* @__PURE__ */ m("div", { className: n(t.root, e), children: r.map((o, a) => /* @__PURE__ */ m(
  "button",
  {
    type: "button",
    className: n(t.thumbnailButton, { [t.active]: a === l }),
    onClick: () => i(a),
    children: /* @__PURE__ */ m("img", { src: o, alt: `thumbnail ${a + 1}`, className: t.thumbnailImage })
  },
  o
)) });
export {
  p as ImageGalleryPagination
};
