model-navigator-standalone
Version:
Standalone MDF graph model visualizer
45 lines • 1.21 kB
JavaScript
import React from "react";
import { Button, createTheme, ThemeProvider, StyledEngineProvider } from "@mui/material";
import { FontRegistry } from '../../../../../../assets/fonts/util';
const theme = {
components: {
MuiButton: {
styleOverrides: {
root: {
fontSize: "13px",
textTransform: "none",
color: "#1D79A8",
fontFamily: FontRegistry("Nunito Sans"),
float: "right",
background: "none",
marginTop: "-20px",
marginRight: "20px",
fontStyle: "italic",
"&:hover": {
backgroundColor: "transparent",
cursor: "pointer"
}
}
}
}
}
};
const ButtonComponent = _ref => {
let {
label,
openHandler,
disableTouchRipple
} = _ref;
return /*#__PURE__*/React.createElement(StyledEngineProvider, {
injectFirst: true
}, /*#__PURE__*/React.createElement(ThemeProvider, {
theme: createTheme(theme)
}, /*#__PURE__*/React.createElement(Button, {
onClick: openHandler,
disableTouchRipple: disableTouchRipple
}, label)));
};
ButtonComponent.defaultProps = {
disableTouchRipple: true
};
export default ButtonComponent;