import { spacing } from './Spacing'
import {
  alertColors,
  baseColors,
  formColors,
  legacyColors,
  legacyEligibilityColors,
  legacyBackgroundColors,
  eligibilityColors,
  dataVisualisationColors,
  backgroundColors,
  textColors,
  scaleColors,
} from './Colors'
import { mediaQueries } from './MediaQueries'
import { fonts } from './Fonts'
import { borderRadiuses, borderRadii } from './BorderRadiuses'
import { zIndex } from './ZIndex'

type Theme = {
  small: number
  medium: number
  large: number
  maxContentWidth: string
  radii: typeof borderRadii
} & typeof mediaQueries &
  typeof baseColors &
  typeof formColors &
  typeof alertColors &
  typeof legacyColors &
  typeof textColors &
  typeof scaleColors &
  typeof eligibilityColors &
  typeof legacyEligibilityColors &
  typeof dataVisualisationColors &
  typeof backgroundColors &
  typeof legacyBackgroundColors &
  typeof spacing &
  typeof zIndex &
  typeof fonts &
  typeof borderRadiuses

declare const theme: Theme

export default theme