Использование clsx для упрощения класса
Имеется такой вот паровоз в реакт компоненте из двух кнопок:
<Button
className={`${styles.общийСтиль} ${styles.стиль1}
${состояние && styles.стиль2}`}>
Тык
</Button>
<Button
className={`${styles.общийСтиль} ${styles.стиль3}
${состояние && styles.стиль4}`}>
Тык
</Button>
Но дали задачу с использованием clsx упростить данную конструкцию, так как она нечитаемая.
С данной библиотечкой я не сталкивался + из доки не особо понятно, что и куда.
Буду признателен за примеры/ наводки/ решения с объяснением)
p.s. проект на реакте, для стилизации используется Материал