Как передать в CSSTransition styled-component по селектору? если это можно

Есть кусок кода, как пример

<CSSTransition timeout={timeout} classNames={classNames}>
  {children}
</CSSTransition>

в classNames надо передать такого типа

* ```js
* classNames={{
*   appear: '.my-appear',
*   appearActive: '.my-appear-active',
*   appearDone: '.my-appear-done',
*   enter: '.my-enter',
*   enterActive: '.my-enter-active',
*   enterDone: '.my-enter-done',
*   exit: '.my-exit',
*   exitActive: '.my-exit-active',*   exitDone: 'my-exit-done'* }}
* ```
*/

как мне передать className (принимает селектор по классу, как в примере выше) при помощи styled-component (обязательно)?