my-app/src/Components/DimensionButton/index.jsx

import { Button, Typography } from "@mui/material";

export default function DimensionButton({ dimension, onClick, isPressed }) {
  return (
    <>
      <Button
        variant= {isPressed ? "contained" : "outlined"}
        color="primary"
        onClick={onClick}
        style={{ margin: "5px", padding: "5px 10px", minWidth: "auto" }}
      >
        <Typography variant="h6">{dimension}</Typography>
      </Button>
    </>
  );
}