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

Default theme to use with SelfCommunity TS library

const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            '& .SCGroupInfoWidget-title': {
                fontWeight: theme.typography.fontWeightBold,
                marginBottom: theme.spacing(1)
            },
            '& .SCGroupInfoWidget-description': {
                marginBottom: theme.spacing(1)
            },
            '& .SCGroupInfoWidget-privacy': {
                marginBottom: theme.spacing(1),
                '& .SCGroupInfoWidget-privacy-title': {
                    color: theme.palette.secondary.main,
                    fontWeight: theme.typography.fontWeightMedium,
                    display: 'flex',
                    alignItems: 'center',
                    gap: theme.spacing(0.5)
                }
            },
            '& .SCGroupInfoWidget-visibility-title': {
                color: theme.palette.secondary.main,
                fontWeight: theme.typography.fontWeightMedium,
                display: 'flex',
                alignItems: 'center',
                gap: theme.spacing(0.5)
            },
            '& .SCGroupInfoWidget-date': {
                paddingTop: `${theme.spacing(1)} !important`
            },
            '& .SCGroupInfoWidget-admin': {
                marginTop: theme.spacing(1)
            }
        }),
        skeletonRoot: ({ theme }) => ({})
    }
};
export default Component;