import * as createBreakpoints from "@material-ui/core/styles/createBreakpoints"
import * as createPalette from "@material-ui/core/styles/createPalette"

/** add xxl to support larger screens (3k and 4k) */
declare module "@material-ui/core/styles/createBreakpoints" {
  interface BreakpointOverrides {
    xxl: true
  }
}


declare module "@material-ui/core/styles/createMuiTheme" {
  interface Theme {
    themeName?: string
  }
  interface ThemeOptions {
    themeName?: string
  }
}

/** Add pop and base colours to the palette */
declare module "@material-ui/core/styles/createPalette" {
  interface Palette {
    pop?: {
      yellow?: string
      orange?: string
      magenta?: string
      purple?: string
      green?: string
      blueLight?: string
      blueMid?: string
    }
    base?: {
      yellow?: string
      orange?: string
      magenta?: string
      purple?: string
      green?: string
      blueLight?: string
      blueMid?: string
    }
  }

  interface PaletteOptions {
    pop?: {
      yellow?: string
      orange?: string
      magenta?: string
      purple?: string
      green?: string
      blueLight?: string
      blueMid?: string
    }
    base?: {
      yellow?: string
      orange?: string
      magenta?: string
      purple?: string
      green?: string
      blueLight?: string
      blueMid?: string
    }
  }
}