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

const getIconTheme = (theme: GlobalTheme) => {
  const colors = {
    text: theme.colors.onDefaultGlobalSurface,
    primary: theme.colors.primary,
    secondary: theme.colors.secondary,
    info: theme.colors.onInfoSurface,
    danger: theme.colors.onErrorSurface,
    success: theme.colors.success,
    warning: theme.colors.warning,
    disabledText: theme.colors.disabledOnDefaultGlobalSurface,
    invertedText: theme.colors.onDarkGlobalSurface,
    muted: theme.colors.mutedOnDefaultGlobalSurface,
    inactive: theme.colors.inactiveOnDefaultGlobalSurface,
  };

  const sizes = {
    xxxsmall: theme.fontSizes.small,
    xsmall: theme.fontSizes.large,
    small: theme.fontSizes.xxlarge,
    medium: theme.fontSizes.xxxlarge,
    large: theme.fontSizes.xxxxlarge,
    xlarge: theme.fontSizes.xxxxxlarge,
  };

  return { colors, sizes };
};

export default getIconTheme;