import { FONTS_TYPES } from 'configs/Theme/fonts/types'

export interface IStatusBar {
  translucent: boolean
  backgroundColor: string
  animated: boolean
  barStyle: string
}

const colors = {
  DEFAULT_COLORS: {
    brand: {
      primary: '#000',
      secondary: '#000',
      tertiary: '#000',
      alternate: '#000',
    },
    accent: {
      primary: '#000',
      secondary: '#000',
      tertiary: '#000',
      alternate: '#000',
    },
    utility: {
      text_primary: '#09051C',
      text_secondary: '#000',

      background_primary: '#FFFFFF',
      background_secondary: '#000',
    },
    semantic: { success: '#000', error: '#000', warning: '#000', info: '#000' },
    gradients: {
      primary: ['#000'],
      secondary: ['#000'],
      tertiary: ['#000'],
      alternate: ['#000'],
    },
    custom: {},
  },
}

const typography = {
  default_text: {
    fontSize: 14,
    lineHeight: 16,
    fontFamily: FONTS_TYPES.regular,
  },
}

const status_bars: {
  [key in string]: IStatusBar
} = {
  DEFAULT_COLORS: {
    translucent: true,
    backgroundColor: 'transparent',
    animated: true,
    barStyle: 'dark-content',
  },
}

const spacings = {
  container_0: 0,
}

export const CONFIG = {
  colors,
  status_bars,
  fonts: typography,
  spacings,
}