declare const Component: {
    styleOverrides: {
        root: ({ theme }: {
            theme: any;
        }) => {
            gap: any;
            '& .SCEventInfoDetails-icon-text-wrapper': {
                flexDirection: string;
                alignItems: string;
                gap: any;
                '& > p': {
                    textTransform: string;
                };
                '& .SCEventInfoDetails-link': {
                    textDecoration: string;
                    color: any;
                    '&:hover': {
                        textDecoration: string;
                    };
                    '& .SCEventInfoDetails-url': {
                        overflow: string;
                        textOverflow: string;
                        display: string;
                        WebkitLineClamp: string;
                        WebkitBoxOrient: string;
                    };
                };
                '& .SCEventInfoDetails-join-live': {
                    height: number;
                };
                '& .SCEventInfoDetails-in-progress': {
                    width: string;
                    height: string;
                    borderRadius: string;
                    backgroundColor: any;
                };
            };
            '& .SCEventInfoDetails-creation-wrapper': {
                flexDirection: string;
                alignItems: string;
                gap: any;
            };
        };
    };
};
export default Component;