declare const Component: {
    styleOverrides: {
        root: ({ theme }: any) => {
            width: string;
            '& .SCSnippetNotifications-notifications-wrap': {
                height: number;
                overflowY: string;
            };
            '& .SCSnippetNotifications-item': {
                padding: number;
                marginBottom: any;
                '&:hover': {
                    backgroundColor: string;
                    cursor: string;
                };
                '& .SCNotificationItem-root': {
                    backgroundColor: string;
                    borderRadius: number;
                    '&.SCNotificationItem-snippet': {
                        '&:before': {
                            borderRadius: any;
                            width: any;
                            left: number;
                            height: string;
                            display: string;
                            zIndex: string;
                            position: string;
                            content: string;
                            backgroundColor: string;
                        };
                        '&.SCNotificationItem-new': {
                            '&:before': {
                                backgroundColor: any;
                            };
                        };
                        '& .SCNotificationItem-header': {
                            padding: any;
                        };
                    };
                };
                '&.SCSnippetNotifications-broadcast-messages-banner': {
                    '& .SCNotificationItem-root.SCNotificationItem-snippet.SCNotificationItem-new': {
                        '&:before': {
                            backgroundColor: any;
                        };
                    };
                    '& .SCNotificationItem-title a': {
                        color: any;
                        fontWeight: any;
                    };
                };
            };
        };
        skeletonRoot: ({ theme }: any) => {
            margin: number;
            padding: number;
            '& .SCSnippetNotifications-item': {
                padding: number;
                marginBottom: any;
                '& .SCNotificationItem-root': {
                    backgroundColor: string;
                    borderRadius: number;
                    '&.SCNotificationItem-snippet': {
                        '&:before': {
                            borderRadius: any;
                            width: any;
                            left: number;
                            height: string;
                            display: string;
                            zIndex: string;
                            position: string;
                            content: string;
                            backgroundColor: string;
                        };
                        '&.SCNotificationItem-new': {
                            '&:before': {
                                backgroundColor: any;
                            };
                        };
                        '& .SCNotificationItem-header': {
                            padding: any;
                        };
                    };
                };
            };
        };
    };
};
export default Component;