Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
23 lines
516 B
JavaScript
23 lines
516 B
JavaScript
import Badge, { badgeClasses } from '@mui/material/Badge';
|
|
import PropTypes from 'prop-types';
|
|
import IconButton from '@mui/material/IconButton';
|
|
|
|
function MenuButton({ showBadge = false, ...props }) {
|
|
return (
|
|
<Badge
|
|
color="error"
|
|
variant="dot"
|
|
invisible={!showBadge}
|
|
sx={{ [`& .${badgeClasses.badge}`]: { right: 2, top: 2 } }}
|
|
>
|
|
<IconButton size="small" {...props} />
|
|
</Badge>
|
|
);
|
|
}
|
|
|
|
MenuButton.propTypes = {
|
|
showBadge: PropTypes.bool,
|
|
};
|
|
|
|
export default MenuButton;
|