@selfcommunity/react-theme-default/lib/cjs/components/SCCourseCompletedDialog.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 }) => ({
            '& .SCCourseCompletedDialog-wrapper': {
                alignItems: 'center',
                '& .SCCourseCompletedDialog-contrast-color': {
                    color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
                        ? (0, material_1.lighten)(theme.palette.common.white, 0.5)
                        : (0, material_1.darken)(theme.palette.common.white, 0.5)
                },
                '& .SCCourseCompletedDialog-title': {
                    marginTop: '60px',
                    marginBottom: '27px'
                },
                '& .SCCourseCompletedDialog-description-pt1': {
                    marginTop: '27px'
                },
                '& .SCCourseCompletedDialog-description-pt2': {
                    marginTop: '11px',
                    marginBottom: '53px'
                }
            }
        })
    }
};
exports.default = Component;