Пошагова логика компонента

Как реализовать логику компонента

если приходить число 1 - закрашивается один блок и его цвет красный если число 2 - закрашиваются 2 блока и цвет orage если число 3 - закрашиваются 3 блока и цвет blue если число 4 - акрашиваются 4 блока и цвет green

Всего 4 блока которые стоят в строку.

getValidTypeColors() {
  if (this.isValidLength === 1) {
    return '#F41840';
  }
  if (this.isValidLength === 2) {
    return '#E5A14F';
  }
  if (this.isValidLength === 3) {
    return '#88BAD6';
  }
  if (this.isValidLength === 4) {
    return '#87C999';
  }
  return '#DEE3E8';
},