import React from "react";
import { twMerge } from "tailwind-merge";
import { DotButton } from "../EmblaCarouselDotButton";
import * as styles from "../styles";
export const Controls = ({ selectedIndex, scrollSnaps, onDotButtonClick, }) => {
    return (React.createElement("div", { className: twMerge(`embla__dots ${styles.controls}`) }, scrollSnaps.map((_, index) => (React.createElement(DotButton, { key: index, onClick: () => onDotButtonClick(index), className: twMerge(`embla__dot ${styles.dot}`), "data-selected": index === selectedIndex })))));
};
//# sourceMappingURL=index.js.map