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

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
    styleOverrides: {
        root: () => ({}),
        containerRoot: ({ theme, open }) => (Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', paddingBottom: theme.mixins.toolbar.minHeight, 
            //overflow: 'hidden',
            transition: theme.transitions.create('margin', {
                easing: theme.transitions.easing.sharp,
                duration: theme.transitions.duration.leavingScreen
            }), marginRight: 0 }, (open && {
            [theme.breakpoints.down('md')]: { width: '100%' },
            width: `calc(100% - 300px)`
        })), { '& .SCLessonTemplate-navigation-title': {
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'space-between',
                marginBottom: theme.spacing(1)
            }, '& .SCLessonTemplate-preview-info': {
                justifyContent: 'center',
                borderRadius: 5,
                marginBottom: theme.spacing(1)
            }, '& .SCLessonTemplate-button': {
                alignSelf: 'center',
                marginTop: 'auto'
            } }))
    }
};
exports.default = Component;