"use strict";

import { View } from 'react-native';
import { Colors, Spacing } from "../Consts/index.js";
import styles from "./styles.js";
import Dot from "./Dot.js";
import { jsx as _jsx } from "react/jsx-runtime";
const PaginationWhiteDot = ({
  dataLength = 2,
  activeIndex = 0
}) => {
  const renderDots = () => {
    const dots = [];
    for (let i = 0; i < dataLength; i++) {
      dots.push(/*#__PURE__*/_jsx(Dot, {
        style: [i !== dataLength - 1 ? {
          marginRight: Spacing.XS
        } : {}, {
          backgroundColor: Colors.white
        }],
        active: activeIndex === i
      }));
    }
    return dots;
  };
  return /*#__PURE__*/_jsx(View, {
    style: [styles.paginationWhiteContainer],
    children: renderDots()
  });
};
export default PaginationWhiteDot;
//# sourceMappingURL=PaginationWhiteDot.js.map