Как сделать значение переменной равной значению с объекта?

Question

[nen0y]

В компоненту передается название одного из состояния status ('published', 'canceled', 'error' ... ). После этого с помощью material ui, внешний вид компоненты, должен поменяться.

border: (props) =>
            props.status === 'published'
                ? "2px solid #F6AD55"
                :  "2px solid #9ae6b4",

Вопрос: какой скрипт написать, что-бы он применял верный стиль при совпадении имени класса (switch-case, не подходит, поскольку, статусов может быть больше 10 и не хочется под каждый писать отдельный кейс)

Answer 1

[Алексей Уколов]

const borders = {
  published: "2px solid #F6AD55",
  ...
}

 ...

return borders[props.status]