import React from 'react';
import { PageDotButton } from './styles';

interface PageDotProps {
  active: boolean;
  onClick: () => void;
  index: number;
}

export const DefaultPageDot: React.FC<PageDotProps> = ({
  active,
  onClick,
  index
}) => (
  <PageDotButton
    active={active}
    onClick={onClick}
    aria-label={`Go to page ${index + 1}`}
  />
);