How to sew enumerator?

Question

css

There are several constants - document types const documentTypes = (10, 20, 40, 41, 78)

How best to protect them in the code so that you can create a color object based on them, as an example:

const documentColors = {
   10: "#ccc",
   20: "#000",
   ....
}

And also to be able to use in the code like:

if(documentTypes.10) {
}

I don't like the code above because it is not informative

Answer 1

Well, you can make it so that only a strip goes in the middle. without circles. and the circles are already done through before the elements themselves. then it will be possible to arrange the blocks not equidistantly, but as per the layout.
well, and adaptation is to compress the blocks to some pore, and then move them all in one direction, so that the strip is on the left, for example, and the blocks are on the right. if you make circles as described above, this will not break the structure.