@selfcommunity/react-theme-default/lib/cjs/components/SCLessonCommentActionsMenu.js

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const system_1 = require("@mui/system");
const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            '& .SCLessonCommentActionsMenu-button': {
                color: theme.palette.primary.main,
                '&:hover': {
                    backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
                }
            }
        }),
        popperRoot: ({ theme }) => ({
            zIndex: 1200,
            '& .SCLessonCommentActionsMenu-popper-root': {
                overflow: 'visible',
                filter: 'drop-shadow(0px -1px 5px rgba(0,0,0,0.10))',
                mt: 1.5
            },
            '& .SCLessonCommentActionsMenu-paper': {
                width: 280,
                '& .SCLessonCommentActionsMenu-sub-item': {
                    '& .MuiListItemIcon-root': {
                        color: theme.palette.text.secondary
                    },
                    '&:hover': {
                        backgroundColor: (0, system_1.alpha)(theme.palette.text.primary, theme.palette.action.hoverOpacity)
                    }
                }
            }
        })
    }
};
exports.default = Component;