import { default as React } from 'react';
import { IconName } from '@starasia/icon/dist/types';
import { MenuSelectButtonProps } from './MenuSelectButton';

export interface HeaderUserData {
    name: string;
    email: string;
    photoURL?: string;
    role?: string;
    descriptionOption?: "role" | "email";
}
export interface HeaderButtonProps {
    icon?: IconName;
    onClick?: () => void;
    render?: React.ReactNode;
    dot?: boolean;
    boundaryLine?: boolean;
    show?: "desktop" | "mobile";
}
export interface HeaderProps {
    logo?: {
        url?: string;
        name?: string;
        props?: React.ImgHTMLAttributes<HTMLImageElement>;
        onClick?: () => void;
        to?: string;
    };
    userData?: HeaderUserData;
    buttons?: HeaderButtonProps[];
    onClickLogout?: () => void;
    logoutButton?: React.ReactNode;
    buttonsLeft?: HeaderButtonProps[];
    menuSelectButtons?: MenuSelectButtonProps[];
    menuSelectCustom?: React.ReactNode;
    bottomDrawerContent?: React.ReactNode;
}
export declare function Header({ userData, onClickLogout, logo, buttons, buttonsLeft, logoutButton, menuSelectButtons, menuSelectCustom, bottomDrawerContent, }: HeaderProps): React.JSX.Element;
