The effect of the classNames option

[DenisSvistoplasov]

In simplebar/packages/simplebar README says:

classNames
It is possible to change the default class names that SimpleBar uses. To get your own styles to work refer to simplebar.css to get an idea how to setup your css.

content represents the wrapper for the content being scrolled.
scrollContent represents the container containing the elements being scrolled.
scrollbar defines the style of the scrollbar with which the user can interact to scroll the content.
track styles the area surrounding the scrollbar.
classNames: {
// defaults
content: 'simplebar-content',
scrollContent: 'simplebar-scroll-content',
scrollbar: 'simplebar-scrollbar',
track: 'simplebar-track'
}

1. It says that classNames option "change the default class names that SimpleBar uses" but actually it overwrites class names and SimpleBar styles do not affect on those elements any more.
   Should it be so, and README may be refined?
   Or should classNames option add classes instead of overwrite?

2. Presumed that only these 4 classes may be overwritten (Should it be explicit said?). But in simplebar/packages/simplebar-core/src/index.ts in type and declaration of defaultOptions.classNames there is neither 'scrollContent' property nor 'content' property ('contentEl' instead). Therefore pointing classes using properties 'scrollContent' or 'content' in the classNames option doesn't have an effect (at least in vanila and react).

3. In simplebar/packages/simplebar-core/src/index.ts there is an accessing an element via .querySelector(`.${this.classNames.someClass}`) so that assumes that someClass must be a one-word-string without spaces, and it can't be used for passing several classes. Again, either functionality can be expanded or documentation can be refined.

4. (TS) Can be done a truncated version of the ClassNames type, that would represent the classes of elements which the user can overwrite.