import React from "react";

function Dots({ activeIndex, onClick, sliderImage }) {
  return (
    <div className="all-dots">
      {sliderImage.map((_, index) => (
        <span
          key={index}
          className={activeIndex === index ? "dot active-dot" : "dot"}
          onClick={() => onClick(index)}
        />
      ))}
    </div>
  );
}
export default Dots;