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

const getEmptyTheme = (theme: GlobalTheme) => {
  const space = {
    titleMargin: theme.space.small,
    imageMargin: theme.space.large,
    wrapperPadding: theme.space.medium,
  };

  const sizes = {
    image: theme.sizes['18xlarge'],
  };

  const colors = {
    text: theme.colors.onDefaultGlobalSurface,
    invertedText: theme.colors.onDarkGlobalSurface,
    subduedText: theme.colors.mutedOnDefaultGlobalSurface,
    invertedSubduedText: theme.colors.onDarkGlobalSurface,
  };

  const fontSizes = {
    title: theme.fontSizes.xxxlarge,
    description: theme.fontSizes.xlarge,
  };

  const fonts = {
    title: theme.fonts.playful.semiBold,
    description: theme.fonts.playful.regular,
  };

  return { fontSizes, colors, sizes, space, fonts };
};

type GetEmptyThemeReturnType = ReturnType<typeof getEmptyTheme>;
export interface EmptyThemeType extends GetEmptyThemeReturnType {
  /**
   * @deprecated will be removed in v9
   * */
  fonts: GetEmptyThemeReturnType['fonts'];
  /**
   * @deprecated will be removed in v9
   * */
  fontSizes: GetEmptyThemeReturnType['fontSizes'];
}

export default getEmptyTheme;