@elacity-js/uikit/dist/components/MenuPopover.js

React / Material UI Design kit for Elacity project

import { __rest } from '../node_modules/tslib/tslib.es6.js';
import { jsx } from 'react/jsx-runtime';
import { Popover as Popover$1 } from '@mui/material';
import { styled, alpha } from '@mui/material/styles';

const Popover = styled(Popover$1)(() => ({
    paper: {
        backgroundColor: '#ff0000',
    },
}));
function MenuPopover(_a) {
    var { children, sx, width } = _a, other = __rest(_a, ["children", "sx", "width"]);
    return (jsx(Popover, Object.assign({ elevation: 5, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, PaperProps: {
            sx: Object.assign({ mt: 1.5, ml: 0.5, overflow: 'inherit', boxShadow: (theme) => theme.shadows[4], border: (theme) => `solid 1px ${alpha(theme.palette.grey[500], 0.12)}`, width: width || 200 }, sx),
        } }, other, { children: children })));
}

export { MenuPopover as default };
//# sourceMappingURL=MenuPopover.js.map