declare const Component: {
    styleOverrides: {
        root: ({ theme }: {
            theme: any;
        }) => {
            '& .SCSuggestedEventsWidget-content': {
                padding: string;
                '& .SCSuggestedEventsWidget-title': {
                    marginBottom: string;
                };
                '& .SCSuggestedEventsWidget-swiper': {
                    position: string;
                    '& .swiper-wrapper': {
                        paddingBottom: string;
                        '& .SCSuggestedEventsWidget-swiper-slide': {
                            width: string;
                            height: string;
                            '& .SCSuggestedEventsWidget-event': {
                                '& .SCEventInfoDetails-root': {
                                    '& h5': {
                                        fontSize: string;
                                        maxWidth: number;
                                        textOverflow: string;
                                        whiteSpace: string;
                                        overflow: string;
                                    };
                                    '& .SCEventInfoDetails-icon-text-wrapper': {
                                        gap: any;
                                        '& .community-icons': {
                                            fontSize: string;
                                        };
                                        '& p': {
                                            marginTop: number;
                                            fontSize: string;
                                        };
                                    };
                                };
                            };
                        };
                    };
                    '& .SCSuggestedEventsWidget-swiper-arrow': {
                        position: string;
                        top: string;
                        transform: string;
                        zIndex: number;
                        paddingLeft: string;
                        paddingRight: string;
                        minWidth: string;
                        backgroundColor: any;
                    };
                    '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
                        left: string;
                    };
                    '& .SCSuggestedEventsWidget-swiper-next-arrow': {
                        right: string;
                    };
                };
            };
            '& .SCSuggestedEventsWidget-actions': {
                padding: string;
                justifyContent: string;
                '& .SCSuggestedEventsWidget-actionButton': {
                    color: any;
                };
            };
            '& .SCEvent-skeleton-preview-name': {
                marginTop: number;
                marginBottom: number;
            };
            '& .SCEvent-skeleton-preview-actions': {
                padding: number;
            };
        };
        skeletonRoot: ({ theme }: {
            theme: any;
        }) => {
            '& .SCSuggestedEventsWidget-content': {
                padding: string;
                '& .SCSuggestedEventsWidget-title': {
                    marginBottom: string;
                };
                '& .SCSuggestedEventsWidget-swiper-slide': {
                    width: string;
                    height: string;
                };
            };
            '& .SCSuggestedEventsWidget-actions': {
                padding: string;
                justifyContent: string;
            };
            '& .SCEvent-skeleton-preview-actions': {
                padding: number;
            };
        };
    };
};
export default Component;
