import type { GlobalTheme } from '../global';

const getPageControlTheme = (theme: GlobalTheme) => {
  const colors = {
    paginatorBackgroundColor: theme.colors.primary,
  };

  const sizes = {
    indicatorWidth: theme.sizes.medium,
    paginatorHeight: theme.sizes.small,
    paginatorWidth: theme.sizes.small,
  };

  const space = {
    paginatorMarginHorizontal: theme.space.small,
  };

  const radii = {
    paginatorBorderRadius: theme.radii.rounded,
  };

  return { colors, sizes, space, radii };
};

export default getPageControlTheme;