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

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            borderRadius: 0,
            paddingBottom: 0,
            paddingLeft: theme.spacing(),
            paddingRight: theme.spacing(),
            overflow: 'visible',
            [theme.breakpoints.up('sm')]: {
                borderRadius: theme.shape.borderRadiusSm
            },
            '& .SCBaseItemButton-image': {
                '& .MuiAvatar-root': {
                    width: theme.selfcommunity.group.avatar.sizeSmall,
                    height: theme.selfcommunity.group.avatar.sizeSmall,
                    '& img': {
                        borderRadius: 0
                    }
                }
            },
            '& .SCBaseItemButton-primary': {
                display: 'flex',
                alignItems: 'center',
                fontWeight: theme.typography.fontWeightBold,
                '& .SCGroup-icon': {
                    marginLeft: theme.spacing(0.5)
                }
            },
            '& .SCBaseItemButton-secondary': {
                fontSize: '0.857rem'
            },
            '& .SCGroup-actions': {
                '& .MuiIcon-root': {
                    fontSize: '1.286rem',
                    color: theme.palette.primary.main
                },
                '& .MuiButtonBase-root': {
                    marginLeft: theme.spacing(1)
                }
            }
        }),
        skeletonRoot: ({ theme }) => ({
            paddingLeft: theme.spacing(),
            paddingRight: theme.spacing(),
        })
    }
};
exports.default = Component;