O comando composes para arquivos em CSS modules no React

O comando composes também pode ser aplicado para reutilizar estilos de um arquivo em outro.

Voltemos ao aplicativo buttons, que fizemos nas lições anteriores. Suponha que queremos adicionar a todos os botões as mesmas sombras, estilo de cursor e fonte em negrito. Deixe esses estilos estar localizados no arquivo App.module.css. Vamos abrir este arquivo e adicionar no início uma nova classe beauty com esses estilos:

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

Vamos aplicá-lo para estilizar os botões. Para isso, abra Buttons.module.css e faça alterações na classe common-btn. Vamos adicionar uma linha com o comando composes, onde especificamos o nome da classe beauty, que queremos aplicar, e o arquivo App.module.css, no qual está localizada esta classe:

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

Pegue o código da sua aplicação da tarefa da lição anterior e crie alguma sombra para seus inputs usando o método apresentado nesta lição.