[Suggestion] use "classnames" to handle conditional styling and theming

[Hahlh]

Classnames (the package) allows to easily do conditional styling especially in combination with Tailwind. With 6.7 million weekly downloads it's also save to say that it's save to use.

A codesandbox example

Code written that way is easy to understand, easy to change and can be also extended in many ways.

Existing classNames can easily be merged with props that are passed down (with nice specificity overrides).
ClassNames can be grouped through the usage of variables or imports.

The repos switch statements could also transformed into returning or accessing list of classNames which then could be merged with a simple cx() instead of constructing tailwind classes, which could lead to them being purged, if those classes aren't used anywhere else in full.

Also, with eliminating the need for adding spaces with string concatenation or interpolation, you have one source less for errors that take out two classes at a time and fail silently.

There is also a typed version of classnames specifically for tailwind, although I personally prefer the untyped version for the moment.