import * as React from 'react';
import React__default from 'react';
import { R as RadioOptionType, D as DirectionType } from '../commonTypes-TGqbHlp_.js';

type SubItem = {
    label?: string;
    value?: any;
    icon?: any;
    action?: () => void;
    onMiddleClick?: (e: any) => void;
    highlighted?: boolean;
    disabled?: boolean;
    slug?: string;
};
type MenuItemType = {
    icon?: React.ReactNode;
    label?: string;
    shortcut?: React.ReactNode;
    badged?: boolean;
    value?: any;
    content?: any;
    slug?: string;
    end?: any;
    presist?: boolean;
    itemType?: "separator" | "label" | "custom" | "radio";
    action?: () => void;
    highlighted?: boolean;
    subitems?: SubItem[];
    options?: RadioOptionType[];
    currentOption?: string;
    onOptionChange?: (value: string) => void;
    disabled?: boolean;
    onMiddleClick?: (e: any) => void;
    onClick?: any;
};

type AppTopbarType = {
    direction?: DirectionType;
    size?: number;
    username?: string;
    email?: string;
    profileMenuItems?: MenuItemType[];
    avatarImage?: string;
};
declare const AppTopbar: React__default.FC<AppTopbarType>;

export { AppTopbar };