CSS modules файлдарында composes командасы React-те

composes командасын бір файлдағы стильдерді екінші файлда қайта пайдалану үшін де қолдануға болады.

Алдыңғы сабақтарда жасаған buttons қолдануымызға оралайық. Барлық түймелерге бірдей көлеңке, курсор стилі және қалың қаріп бергіміз келеді делік. Бұл стильдер App.module.css файлында орналассын. Осы файлды ашып, басына beauty деген жаңа класс қосамыз:

.beauty { 
	box-shadow: rgba(50, 50, 50, 0.2) 0 5px 5px 0;
	font-weight: bold;
	cursor: pointer;
}

Оны түймелерді стильдеу үшін қолданайық. Ол үшін Buttons.module.css файлын ашып, common-btn класына өзгеріс енгіземіз. Біз composes командасымен жол қосамыз, онда біз қолданғымыз келетін beauty класының атауын және сол класс орналасқан App.module.css файлын көрсетеміз:

.common-btn {
	composes: beauty from "../App.module.css"; 
	font-size: 16px;
	border-radius: 3px;
}

Алдыңғы сабақтағы тапсырманың кодын алып, осы сабақта көрсетілген әдісті қолданып, енгізу өрістеріңізге көлеңке жасаңыз.