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

const getSpinnerTheme = (theme: GlobalTheme) => {
  const colors = {
    dot: {
      primary: theme.colors.primary,
      inverted: theme.colors.onPrimary,
    },
  };

  const space = {
    spinnerDot: {
      small: theme.space.small,
      medium: theme.space.medium,
    },
    spinnerDotPadding: {
      small: theme.space.xsmall,
      medium: theme.space.small,
    },
    spinnerTextPaddingTop: {
      small: theme.space.xsmall,
      medium: theme.space.small,
    },
  };

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

  return { colors, space, radii };
};

export default getSpinnerTheme;