Использование clsx для упрощения класса

Имеется такой вот паровоз в реакт компоненте из двух кнопок:

<Button
      className={`${styles.общийСтиль} ${styles.стиль1} 
${состояние && styles.стиль2}`}>
     Тык
</Button>

<Button
      className={`${styles.общийСтиль} ${styles.стиль3} 
${состояние && styles.стиль4}`}>
     Тык
</Button>

Но дали задачу с использованием clsx упростить данную конструкцию, так как она нечитаемая.

С данной библиотечкой я не сталкивался + из доки не особо понятно, что и куда.

Буду признателен за примеры/ наводки/ решения с объяснением)

p.s. проект на реакте, для стилизации используется Материал


Ответы (0 шт):