Javascript 如何在React中使用不同的样式设置按钮组件的样式

我是React新手，希望在React中创建一个计算器作为实践项目。我决定使用CSS模块来设计我的组件。这是我想要创建的计算器的外观

---

从计算器的照片中可以看到，有几个按钮，其中一些按钮的宽度和颜色不同。我想做的是创建一个按钮组件，并为计算器中的每个按钮重用它。请你给我一个提示，我可以做什么与CSS模块的主题？伙计们，我恳请你们指出正确的方向，而不是要求你们为我创建那个项目或类似的东西。我希望你明白我的意思。

同意with@Noob，主题化会使项目过于复杂。您可能只需要为按钮创建常规的类样式并逐个应用于组件按钮

<Button className={styles.number}>1</Button>
<Button className={styles.operator}>+</Button>

1
+

但什么似乎是个问题？您可以创建不同的css样式，并根据需要将它们应用于需要这些样式的按钮。与常规css、html和js@Noob，谢谢你的回复，我做了研究，据说应该使用主题化。这是正确的吗？可以用不同的方法来做，但是可以用上面描述的简单方法来做