import { ButtonProps, TypographyProps } from '@mui/material';
import React, { ReactNode } from 'react';
export interface UserInfoProps {
    /** The email to display as current user */
    email: string | ReactNode;
    /** The external id of the current user */
    externalId?: string | ReactNode;
    /** The text to display for the relogin button */
    reloginText: ReactNode;
    /** Additional props to pass to the Typography component that renders the email */
    EmailProps?: TypographyProps;
    /** Additional props to pass to the Button component that renders the re-login button */
    ButtonProps?: ButtonProps;
    /** The action to perform when clicking the relogin button */
    onReloginClick(): void;
}
/**
 * Constructs a UserInfo section using pre-defined Rijkswaterstaat styling
 * @param param Props to pass to the UserInfo tooltip
 * @example
 * ```jsx
 * <UserInfo email='a.cool.email' externalId='123456' reloginText='relogin' onReloginClick={() => console.log('void')} />
 * ```
 */
export declare const UserInfo: React.MemoExoticComponent<({ email, externalId, onReloginClick, reloginText, EmailProps, ButtonProps }: UserInfoProps) => JSX.Element>;
//# sourceMappingURL=index.d.ts.map