“przyciski nazwy klasy” Kod odpowiedzi

przyciski nazwy klasy

import React from "react";
import CN from "classnames";
import { Button, makeStyles } from "@material-ui/core";
const Buttons = ({ colorPink, colorOrange, colorWhite }) => {
  const classes = useStyles();
  return (
    <Button
      className={CN({
        [classes.colorPink]: colorPink,
        [classes.colorOrange]: colorOrange,
      })}
      variant="contained"
    >
      Hello buttons
    </Button>
  );
};

export default Buttons;

const useStyles = makeStyles(() => ({
  colorPink: {
    color: "white",
    backgroundColor: "pink",
  },
  colorOrange: {
    color: "white",
    backgroundColor: "orange",
  },
  colorWhite: {
    color: "black",
    backgroundColor: "white",
  },
}));