import { ApphouseTheme } from '../../styles/defaults/themes.interface';
import { colors } from './colors';
import { ApphouseThemeTokens } from '../../styles/defaults/app.token.values';
import { getBaseStylesWithTokens } from '../../styles/getBaseStylesWithTokens';

export const Themes: ApphouseTheme[] = Object.keys(colors).map((c) =>
  /**
   * Defines the theme
   */
  ({
    id: c,
    colors: colors[c],
    tokens: ApphouseThemeTokens,
    styles: getBaseStylesWithTokens({
      colors: colors[c],
      tokens: ApphouseThemeTokens
    })
  })
);