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

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            marginTop: 0,
            '& > p: nth-of-type(2)': {
                marginTop: theme.spacing(1)
            },
            '& .SCUserProfileTemplate-tags': {
                marginTop: theme.spacing(2),
                marginLeft: theme.spacing(2),
                justifyContent: 'start'
            },
            '& .SCUserProfileTemplate-counters': {
                marginLeft: theme.spacing(1),
                [theme.breakpoints.up('md')]: {
                    marginLeft: theme.spacing(2)
                },
                justifyContent: 'start',
                display: 'flex',
                alignItems: 'center',
                flexWrap: 'wrap'
            },
            '& .SCUserProfileTemplate-info': {
                marginLeft: theme.spacing(1.75),
                [theme.breakpoints.up('md')]: {
                    marginLeft: theme.spacing(2.5)
                },
                textAlign: 'start'
            },
            '& .SCUserProfileTemplate-feed': {
                marginTop: theme.spacing(2)
            },
            '& .SCUserProfileTemplate-actions': {
                marginTop: theme.spacing(5.75),
                [theme.breakpoints.up('md')]: {
                    margin: theme.spacing(1, 2, 2, 2)
                },
                height: 'fit-content'
            }
        }),
        skeletonRoot: ({ theme }) => ({})
    }
};
exports.default = Component;