17 lines
372 B
JavaScript
17 lines
372 B
JavaScript
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;
|