export let componentStatuses = ['Operational', 'Under Maintenance', 'Degraded Performance', 'Outage']

export let getComponentColor = (status) => {
  switch (status) {
    case 'Operational':
      return '#388e3c'
    case 'Outage':
      return '#c62828'
    default:
      return '#9e9e9e'
  }
}

export let incidentStatuses = ['investigating', 'identified', 'monitoring', 'resolved']

export let getIncidentColor = (impact) => {
  switch (impact) {
    case 'investigating':
      return '#c62828'
    case 'identified':
      return '#c62828'
    case 'monitoring':
      return '#ef6c00'
    case 'resolved':
      return '#1976d2'
    default:
      return '#9e9e9e'
  }
}

@@ -208,16 +208,125 @@
 388e3c'%0A
+    case 'Under Maintenance':%0A      return '#0288d1'%0A    case 'Degraded Performance':%0A      return '#ffa000'%0A
     case

Define colors for each status