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

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const material_1 = require("@mui/material");
const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            flexDirection: 'row',
            alignItems: 'center',
            gap: theme.spacing(1),
            '&.SCCourseTypePopover-contrast-color': {
                color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
            },
            '& .SCCourseTypePopover-button': {
                padding: 0,
                textDecoration: 'underline',
                '&:hover': {
                    backgroundColor: 'unset',
                    textDecoration: 'underline'
                }
            }
        })
    }
};
exports.default = Component;