@guestbell/react-page-plugins
Version:
Plugins we use in GuestBell for working with amazing react-page package
35 lines • 1.46 kB
JavaScript
import * as React from 'react';
import withTheme from '@mui/styles/withTheme';
import Button from 'guestbell-forms/build/components/button';
var SlateButton = function SlateButton(_ref) {
var _palette, _palette$primary, _palette2, _palette2$action;
var icon = _ref.icon,
isActive = _ref.isActive,
onClick = _ref.onClick,
_ref$disabled = _ref.disabled,
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
theme = _ref.theme,
title = _ref.title;
return /*#__PURE__*/React.createElement(Button, {
type: "gray",
blank: true,
circular: true,
style: isActive ?
// eslint-disable-next-line @typescript-eslint/no-explicit-any
{
color: theme === null || theme === void 0 ? void 0 : (_palette = theme.palette) === null || _palette === void 0 ? void 0 : (_palette$primary = _palette.primary) === null || _palette$primary === void 0 ? void 0 : _palette$primary.main
} :
// eslint-disable-next-line @typescript-eslint/no-explicit-any
{
color: theme === null || theme === void 0 ? void 0 : (_palette2 = theme.palette) === null || _palette2 === void 0 ? void 0 : (_palette2$action = _palette2.action) === null || _palette2$action === void 0 ? void 0 : _palette2$action.active
},
buttonProps: {
onMouseDown: onClick
},
disabled: disabled,
tooltip: title,
noShadow: true
}, icon);
};
export default withTheme(SlateButton);
//# sourceMappingURL=SlateButton.js.map