import React$1, { ReactNode } from 'react';
import { ThemeOverrideProps } from '@xsolla/xui-core';

type BottomBarItemState = "default" | "active" | "disabled";
interface BottomBarItemData {
    key: string;
    label: string;
    href?: string;
    icon?: ReactNode;
    badge?: boolean;
    disabled?: boolean;
    testID?: string;
    accessibilityLabel?: string;
    onPress?: () => void;
}
interface BottomBarLinkProps {
    item: BottomBarItemData;
    href?: string;
    isActive: boolean;
    disabled?: boolean;
    onPress: () => void;
    testID?: string;
    children: ReactNode;
}
interface BottomBarItemProps extends ThemeOverrideProps {
    item: BottomBarItemData;
    state?: BottomBarItemState;
    isActive?: boolean;
    onItemClick?: (item: BottomBarItemData) => void;
    linkComponent?: React.ComponentType<BottomBarLinkProps>;
    testID?: string;
}
interface BottomBarProps extends ThemeOverrideProps {
    items: BottomBarItemData[];
    activeKey?: string;
    onItemClick?: (item: BottomBarItemData) => void;
    linkComponent?: React.ComponentType<BottomBarLinkProps>;
    maxWidth?: number | string;
    "aria-label"?: string;
    testID?: string;
}

declare const BottomBar: React$1.FC<BottomBarProps>;

declare const BottomBarItem: React$1.FC<BottomBarItemProps>;

export { BottomBar, BottomBarItem, type BottomBarItemData, type BottomBarItemProps, type BottomBarItemState, type BottomBarLinkProps, type BottomBarProps };