Creating class from JS for passing to third party components

Is there any possibility to create classes from within JS to pass to third party components like e.g. CSSTransitionGroup or react-virtualized? I’m looking for something like the following:

const onEnterClass = styled.className`
   background-color: red;
`;

// This className can now be passed to third party components
<CSSTranstitionGroup
    transitionName={{
        enter: onEnterClass,
  }} />

[kitten]

To add to this, use a “magic string” constant like const onEnterClass = '.is-entering', since Math.random is problematic in combination with SSR.

[okcoker]

@k15a I think that is indeed the correct function but doing const LibraryButton = Button.withComponent(LibraryComponent) doesn’t account for the whatever attribute. Is the only way to have LibraryComponent have the same styles as <Button whatever /> to have a separate extended component?