@selfcommunity/react-theme-default/lib/cjs/components/SCUserProfileHeader.d.ts

Default theme to use with SelfCommunity TS library

declare const Component: {
    styleOverrides: {
        root: ({ theme }: any) => {
            '& .SCUserProfileHeader-cover': {
                [x: number]: {
                    borderRadius: any;
                };
                position: string;
                height: number;
                minHeight: number;
                borderRadius: number;
                background: string;
                boxShadow: string;
            };
            '& .SCUserProfileHeader-infops-section': {
                display: string;
                justifyContent: string;
                marginBottom: any;
            };
            '& .SCUserProfileHeader-avatar': {
                top: number;
                display: string;
                position: string;
                marginLeft: any;
                '& > .MuiBadge-root > img': {
                    height: any;
                    width: any;
                    borderRadius: string;
                    border: string;
                    objectFit: string;
                };
                '& .MuiBadge-badge': {
                    right: any;
                    top: any;
                    '& .SCUserAvatar-badge-content': {
                        width: number;
                        height: number;
                    };
                };
            };
            '& .SCUserProfileHeader-change-picture': {
                top: number;
                left: number;
                position: string;
                display: string;
                marginLeft: any;
            };
            '& .SCUserProfileHeader-info': {
                [x: number]: {
                    marginLeft: any;
                };
                marginLeft: any;
                '& .SCUserProfileHeader-username': {
                    marginTop: number;
                    fontWeight: any;
                    fontSize: string;
                    textAlign: string;
                };
                '& .SCUserProfileHeader-realname': {
                    fontSize: string;
                    textAlign: string;
                    marginTop: any;
                };
                '& .SCUserProfileHeader-website': {
                    textDecoration: string;
                    color: any;
                    marginTop: any;
                };
            };
            '& .SCUserProfileHeader-change-cover': {
                position: string;
                right: number;
                bottom: number;
            };
        };
        skeletonRoot: ({ theme }: any) => {
            position: string;
            '& .SCUserProfileHeader-cover': {
                [x: number]: {
                    borderRadius: any;
                };
                height: number;
            };
            '& .SCUserProfileHeader-avatar': {
                display: string;
                position: string;
                top: number;
                marginLeft: any;
                "& .MuiSkeleton-root": {
                    border: string;
                };
            };
            '& .SCUserProfileHeader-section': {
                display: string;
                justifyContent: string;
                '& .SCUserProfileHeader-username': {
                    marginTop: number;
                    textAlign: string;
                    "& .MuiSkeleton-root": {
                        position: string;
                        marginLeft: any;
                    };
                };
                '& .SCUserProfileHeader-actions': {
                    [x: number]: {
                        margin: any;
                    };
                    height: string;
                    marginTop: any;
                };
            };
        };
    };
};
export default Component;