How to make the value of a variable equal to the value from the object?

Question

React

The name of one of the status states ('published', 'canceled', 'error' ... ) is passed to the component. After that, with the help of material ui, the appearance of the component should change.

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

Question: what script to write so that it applies the correct style when the class name matches (switch-case, not suitable, because there can be more than 10 statuses and you don’t want to write a separate case for each)

Answer 1

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

 ...

return borders[props.status]