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

const getToastTheme = (theme: GlobalTheme) => {
  const colors = {
    backgrounds: {
      success: theme.colors.successSurface,
      warning: theme.colors.warningSurface,
      error: theme.colors.errorSurface,
      info: theme.colors.infoSurface,
      notification: theme.colors.defaultGlobalSurface,
      snackbar: theme.colors.darkGlobalSurface,
    },
    texts: {
      success: theme.colors.onSuccessSurface,
      warning: theme.colors.onWarningSurface,
      error: theme.colors.onErrorSurface,
      info: theme.colors.onInfoSurface,
      notification: theme.colors.onDefaultGlobalSurface,
      snackbar: theme.colors.onDarkGlobalSurface,
    },
    divider: theme.colors.secondaryOutline,
  };

  const sizes = {
    height: theme.sizes.xxxlarge,
  };

  const space = {
    wrapperVerticalPadding: theme.space.large,
    wrapperHorizontalPadding: theme.space.medium,
    contentVerticalPadding: theme.space.smallMedium,
    textHorizontalPadding: theme.space.smallMedium,
    iconLeftPadding: theme.space.smallMedium,
    ctaPadding: theme.space.smallMedium,
  };

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

  const borderWidths = {
    base: theme.borderWidths.base,
  };

  const shadows = {
    wrapper: theme.shadows.default,
  };

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

export default getToastTheme;