Я хочу стилизовать компонент кнопки с некоторыми свойствами, но вижу, что не могу использовать имя класса в обновленном ⇐ CSS

[Anonymous]

Код: Выделить всё

import { styled } from "@mui/system";
import DeleteIcon from "@mui/icons-material/Delete";
import SendIcon from "@mui/icons-material/Send";
import { Button } from "@mui/material";

const Button = styled("button")({
color: "red",
backgroundColor: "black",
padding: "1rem",
});

function App() {
return (


Material UI


);
}

export default App;

Я думаю, что стили — это новый способ в MUI создавать и использовать пользовательские
стили. Я не думаю, что смогу использовать свойство className в этом случае.
Ранее я мог использовать makeStyles и useStyles и назначить имя класса
компоненту Button, чтобы настроить его. Как я могу использовать Button
Component из MUI и настройте его с помощью стилизованного файла . Прямо сейчас я должен
определить вверху, что это за компонент. Я хочу использовать компонент Button, его варианты цветовых свойств, а также настроить его с помощью стилей.


Подробнее здесь: https://stackoverflow.com/questions/708 ... i-cant-use