koval-ui/dist/src/lib/Carousel/Dots.js

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";
import { jsx as t } from "react/jsx-runtime";
import { useMemo as c } from "react";
import i from "classnames";
import r from "./Carousel.module.css.js";
const v = ({ amount: s, active: e }) => {
  const m = c(() => Array.from(Array(s)), [s]);
  return /* @__PURE__ */ t("div", { className: r.dots, children: m.map((d, o) => {
    const a = o === e;
    return /* @__PURE__ */ t(
      "div",
      {
        className: i(r.dot, { [r.active]: a })
      },
      o
    );
  }) });
};
export {
  v as Dots
};
//# sourceMappingURL=Dots.js.map