import {SCREEN_WIDTH, SCREEN_HEIGHT} from '../utils';

export const PROFILE_CUTOUT_TOP_Y = SCREEN_HEIGHT / 2.3;
export const PROFILE_CUTOUT_BOTTOM_Y = SCREEN_HEIGHT / 1.8;
export const PROFILE_CUTOUT_CORNER_X = SCREEN_WIDTH / 2.9;
export const PROFILE_CUTOUT_CORNER_Y = SCREEN_HEIGHT / 1.95;

export const IMAGE_WIDTH = SCREEN_WIDTH;
export const IMAGE_HEIGHT = SCREEN_WIDTH;
export const COVER_HEIGHT = SCREEN_WIDTH * (7 / 5);

export const AVATAR_DIM = 44;
export const AVATAR_GRADIENT_DIM = 50;

export const TAGG_ICON_DIM = 58;
export const TAGG_RING_DIM = 75;

export const INTEGRATED_SOCIAL_LIST: string[] = [
  'Instagram',
  'Facebook',
  'Twitter',
];

export const SOCIAL_LIST: string[] = [
  'Instagram',
  'Facebook',
  'Twitter',
  'Snapchat',
  'TikTok',
  // TODO: we don't have endpoints to support these yet...
  // 'Twitch',
  // 'Pinterest',
  // 'Whatsapp',
  // 'Linkedin',
  // 'Youtube',
];

export const INSTAGRAM_FONT_COLOR: string = '#FF97DE';
export const FACEBOOK_FONT_COLOR: string = '#6697FD';
export const TWITTER_FONT_COLOR: string = '#74C9FD';
export const TIKTOK_FONT_COLOR: string = '#78B5FD';
export const TWITCH_FONT_COLOR: string = '#CB93FF';
export const PINTEREST_FONT_COLOR: string = '#FF7584';
export const WHATSAPP_FONT_COLOR: string = '#4AC959';
export const LINKEDIN_FONT_COLOR: string = '#78B5FD';
export const SNAPCHAT_FONT_COLOR: string = '#FFFC00';
export const YOUTUBE_FONT_COLOR: string = '#FCA4A4';

export const TAGGS_GRADIENT = {
  start: '#9F00FF',
  end: '#27EAE9',
};

export const AVATAR_GRADIENT = {
  start: '#240041',
  end: '#215151',
};

export const SOCIAL_FONT_COLORS = {
  INSTAGRAM: INSTAGRAM_FONT_COLOR,
  FACEBOOK: FACEBOOK_FONT_COLOR,
  TWITTER: TWITTER_FONT_COLOR,
  TIKTOK: TIKTOK_FONT_COLOR,
  TWITCH: TWITCH_FONT_COLOR,
  PINTEREST: PINTEREST_FONT_COLOR,
  WHATSAPP: WHATSAPP_FONT_COLOR,
  LINKEDIN: LINKEDIN_FONT_COLOR,
  SNAPCHAT: SNAPCHAT_FONT_COLOR,
  YOUTUBE: YOUTUBE_FONT_COLOR,
};

// Profile Moments
export const defaultMoments: Array<string> = [
  'Early Life',
  'Campus',
  'Creativity',
  'Activity',
];

export const MOMENTS_TITLE_COLOR: string = '#698DD3';