/**
 * Dot indicators overlaid at the bottom of the carousel.
 * Hides when showDots is false or slideCount <= 1.
 *
 * @example <Pagination slideCount={5} currentSlideIndex={2} maxDotsToShow={5} />
 */
import { memo } from 'react';

import { Container } from '@cleartrip/ct-design-container';
import { useTheme } from '@cleartrip/ct-design-theme';

import { staticStyles } from '../style';
import { IPaginationProps } from '../type';

const Pagination = ({
  slideCount,
  currentSlideIndex,
  maxDotsToShow,
  showDots = true,
  styleConfig,
  customIcon,
  customIconIndex,
}: IPaginationProps) => {
  const theme = useTheme();
  const {
    carouselDots: dotStyles = [],
    selectedDots: selectedDotStyles = [],
    dotsContainer: dotsContainerStyles = [],
  } = styleConfig || {};

  const activeIconColor = theme.color.background.neutral;
  const inactiveIconColor = theme.color.text.tertiary;

  if (!showDots || slideCount <= 1) {
    return null;
  }

  const dotsToRender = Math.min(slideCount, maxDotsToShow);

  return (
    <Container styleConfig={{ root: [staticStyles.dotsContainer, ...dotsContainerStyles] }}>
      {Array.from({ length: dotsToRender }, (_, index) => {
        const isActive = currentSlideIndex === index;

        if (customIcon && index === customIconIndex) {
          const Icon = customIcon;
          return (
            <Container key={index} styleConfig={{ root: [staticStyles.customIconContainer] }}>
              <Icon color={isActive ? activeIconColor : inactiveIconColor} />
            </Container>
          );
        }

        if (isActive) {
          return (
            <Container
              key={index}
              styleConfig={{ root: [staticStyles.activeDots, staticStyles.selectedDots, ...selectedDotStyles] }}
            />
          );
        }

        return (
          <Container
            key={index}
            styleConfig={{ root: [staticStyles.inActiveDots, staticStyles.carouselDots, ...dotStyles] }}
          />
        );
      })}
    </Container>
  );
};

export default memo(Pagination);