declare const Component: {
    styleOverrides: {
        root: ({ theme }: any) => {
            '& .SCBroadcastMessages-box-load-more': {
                textAlign: string;
                '& > div': {
                    paddingBottom: any;
                };
                marginBottom: any;
            };
            '& .SCBroadcastMessages-avatar-load-more': {
                width: any;
                height: any;
                marginRight: any;
            };
            '& .SCBroadcastMessages-button-load-more': {
                textTransform: string;
            };
        };
        messageRoot: ({ theme }: any) => {
            width: string;
            marginBottom: any;
            '& .SCBroadcastMessages-header .MuiAvatar-img': {
                objectFit: string;
            };
            '& .SCBroadcastMessages-title': {
                padding: string;
                paddingBottom: string;
                paddingTop: number;
            };
            '& .SCBroadcastMessages-media': {
                paddingBottom: string;
            };
            '& .SCBroadcastMessages-content': {
                padding: any;
                paddingTop: number;
            };
            '& .SCBroadcastMessages-list-item-snippet': {
                padding: string;
                alignItems: string;
            };
            '& .SCBroadcastMessages-list-item-snippet-new': {
                borderLeft: string;
            };
            '& .SCBroadcastMessages-flag-icon-wrap': {
                minWidth: string;
                paddingRight: number;
            };
            '& .SCBroadcastMessages-flag-icon-snippet': {
                backgroundColor: "#f44336";
                color: string;
                width: number;
                height: number;
            };
        };
        skeletonRoot: ({ theme }: any) => {};
        messageSkeletonRoot: ({ theme }: any) => {
            marginBottom: any;
        };
    };
};
export default Component;