@selfcommunity/react-theme-default/lib/esm/components/SCIncubator.js

Default theme to use with SelfCommunity TS library

const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            width: '100%',
            '& .MuiCardContent-root': {
                padding: theme.spacing(1)
            },
            '& .SCIncubator-name': {
                display: 'flex'
            },
            '& .SCIncubator-slogan': {
                whiteSpace: 'nowrap',
                overflow: 'hidden',
                textOverflow: 'ellipsis'
            },
            '& .SCIncubator-progress-bar': {
                position: 'relative',
                marginTop: theme.spacing(1),
                '& .MuiLinearProgress-root': {
                    height: theme.spacing(3)
                },
                '& .MuiGrid-item': {
                    paddingTop: theme.spacing(0)
                }
            },
            '& .MuiCardActions-root': {
                marginLeft: theme.spacing(1)
            }
        }),
        skeletonRoot: ({ theme }) => ({
            width: '100%',
            '& .MuiCardContent-root': {
                '& .SCIncubator-secondary': {
                    marginTop: theme.spacing(1)
                },
                '& .SCIncubator-progress-bar': {
                    marginTop: theme.spacing(1)
                }
            },
            '& .MuiCardActions-root': {
                marginLeft: theme.spacing(2)
            }
        })
    }
};
export default Component;