Как на модульном css делать такие рода конструкции?

Question

[Vann Damm]

<header className="c-header u-side-paddings">
ведь на модульном css можно записать только так:
<header className="headerStye["c-header"]">
каким образом тогда расширить свойства c-header?

Comments

[Lynn «Кофеман»]

> ведь на модулях можно записать только так:
Конечно нет

[Vann Damm]

Lynn «Кофеман», так а как это решить без библиотеки classname и то она в данном случае неуместна

[Lynn «Кофеман»]

Vann Damm, Поправьте для начала вторую строчку в вашем вопросе.
А так же укажите чем вы пользуетесть. Похоже на реакт, но хочется быть уверенным.

[Vann Damm]

Lynn «Кофеман», Да реакт , заинтересовало как можно применить частичку методологии БЭМ. На css модулях. Добавить переиспользуемость что ли , бест практис не нашел по css модулям(. Может заодно и посдкажите

[Lynn «Кофеман»]

Так и что мешает написать?

<header className={`${headerStye["c-header"]} u-side-paddings`}>

[Vann Damm]

Lynn «Кофеман», вот так скорее.

<header className={`${headerStye["c-header"]} ${headerStye["u-side-paddings"]}`}>

А это вообще нормальный тон так писать?