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

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
    styleOverrides: {
        root: ({ theme, open }) => (Object.assign({ '& .SCLessonAppbar-title': {
                flexGrow: 1,
                [theme.breakpoints.down('md')]: {
                    overflow: 'hidden',
                    textOverflow: 'ellipsis',
                    whiteSpace: 'nowrap'
                }
            }, '& .SCLessonAppbar-start-items': {
                flexGrow: 1,
                display: 'flex',
                alignItems: 'center'
            }, boxShadow: 'none', borderBottom: `1px solid ${theme.palette.grey[300]}`, '& .MuiToolbar-root': {
                minHeight: '60px'
            }, transition: theme.transitions.create(['margin', 'width'], {
                easing: open ? theme.transitions.easing.easeOut : theme.transitions.easing.sharp,
                duration: open ? theme.transitions.duration.enteringScreen : theme.transitions.duration.leavingScreen
            }) }, (open && {
            [theme.breakpoints.down('md')]: { marginRight: '100vw' },
            [theme.breakpoints.up('sm')]: { marginRight: '300px' },
            width: `calc(100% - 300px)`
        })))
    }
};
exports.default = Component;