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

Default theme to use with SelfCommunity TS library

declare const Component: {
    styleOverrides: {
        root: ({ theme }: any) => {
            flexDirection: string;
            borderRadius: any;
            padding: any;
            boxShadow: string;
            marginBottom: any;
            '& .MuiListItemSecondaryAction-root': {
                right: number;
                top: any;
                zIndex: number;
                '& .MuiButtonBase-root': {
                    fontSize: string;
                };
            };
            '& .SCPrivateMessageThreadItem-message-time': {
                position: string;
                bottom: any;
                right: any;
                padding: any;
            };
            '& .SCPrivateMessageThreadItem-username': {
                marginRight: string;
                marginBottom: any;
            };
            '& .SCPrivateMessageThreadItem-text': {
                display: string;
                alignItems: string;
                zIndex: number;
                width: string;
                minWidth: string;
                '& .MuiTypography-root': {
                    fontSize: string;
                    whiteSpace: string;
                    overflowWrap: string;
                    wordWrap: string;
                    wordBreak: string;
                    hyphens: string;
                };
            };
            '& .SCPrivateMessageThreadItem-img': {
                display: string;
                alignItems: string;
                objectFit: string;
                flex: string;
                '& img': {
                    width: string;
                    height: string;
                };
            };
            '& .SCPrivateMessageThreadItem-video': {
                '& .MuiButtonBase-root': {
                    color: any;
                    position: string;
                    top: string;
                    left: string;
                    transform: string;
                    '& .MuiIcon-root': {
                        [x: number]: {
                            fontSize: string;
                        };
                        color: any;
                        fontSize: string;
                    };
                };
                '& .SCPrivateMessageThreadItem-icon-button': {
                    [x: number]: {
                        transform: string;
                    };
                    top: string;
                    '& .MuiIcon-root': {
                        [x: number]: {
                            fontSize: string;
                        };
                        color: any;
                        fontSize: string;
                    };
                };
            };
            '& .SCPrivateMessageThreadItem-document': {
                [x: number]: {
                    width: any;
                };
                position: string;
                '& img': {
                    height: string;
                    width: string;
                };
                '& .MuiButtonBase-root': {
                    flexWrap: string;
                    width: string;
                    position: string;
                    bottom: any;
                    backgroundColor: string;
                    color: string;
                    display: string;
                    borderRadius: number;
                    '& .MuiTypography-root': {
                        whiteSpace: string;
                        overflow: string;
                        textOverflow: string;
                        marginLeft: any;
                    };
                };
            };
            '& .SCPrivateMessageThreadItem-other': {
                marginTop: any;
                '& .MuiButtonBase-root': {
                    padding: any;
                    flexWrap: string;
                    '& .MuiTypography-root': {
                        [x: number]: {
                            fontSize: any;
                        };
                        marginRight: any;
                        overflow: string;
                        whiteSpace: string;
                        textOverflow: string;
                        maxWidth: string;
                    };
                };
            };
        };
        skeletonRoot: ({ theme }: any) => {};
        dialogRoot: ({ theme }: any) => {
            '& h2 .MuiIconButton-root': {
                top: any;
                fontSize: string;
            };
        };
    };
};
export default Component;