import { ApphouseDarkTheme } from './apphouseDark.theme';
import { ApphouseLightTheme } from './apphouseLight.theme';
import { theme as SolarizedTheme } from './solarized.theme';
import { theme as SleekTheme } from './sleek.theme';
import { theme as PurpleMagicTheme } from './purplemagic.theme';
import { Themes } from './themes';
import { extendTheme } from '../../styles/extendTheme';

const t: any = {};
Themes.forEach((theme, index) => {
  t[theme.id || index] = theme;
});

export const THEMES = {
  ...{
    APPHOUSE_DARK: ApphouseDarkTheme,
    APPHOUSE_LIGHT: ApphouseLightTheme,
    PINKLICIOUS: extendTheme(ApphouseDarkTheme, {
      id: 'PINKLICIOUS',
      colors: {
        brand: '#FF00BF'
      },
      tokens: {
        radius: {
          default: '30px'
        }
      },
      styles: {
        input: {
          m: {
            borderRadius: '30px'
          }
        }
      }
    }),
    PURPLEMAGIC: PurpleMagicTheme,
    SOLARIZED: SolarizedTheme,
    ROMANCE: SleekTheme
  },
  ...t
};