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

type SideNavigationMode = "expanded" | "collapsed";
type SideNavigationItemState = "default" | "hover" | "active";
interface SideNavigationItemData {
    key: string;
    label: string;
    shortLabel?: string;
    href?: string;
    icon?: ReactNode;
    disabled?: boolean;
    testID?: string;
    accessibilityLabel?: string;
    onPress?: () => void;
}
interface SideNavigationLinkProps {
    item: SideNavigationItemData;
    href?: string;
    isActive: boolean;
    disabled?: boolean;
    onPress: () => void;
    testID?: string;
    children: ReactNode;
}
interface SideNavigationItemProps extends ThemeOverrideProps {
    item: SideNavigationItemData;
    mode?: SideNavigationMode;
    state?: SideNavigationItemState;
    isActive?: boolean;
    onItemClick?: (item: SideNavigationItemData) => void;
    linkComponent?: React.ComponentType<SideNavigationLinkProps>;
    testID?: string;
}
interface SideNavigationProps extends ThemeOverrideProps {
    mode?: SideNavigationMode;
    items: SideNavigationItemData[];
    activeKey?: string;
    onItemClick?: (item: SideNavigationItemData) => void;
    linkComponent?: React.ComponentType<SideNavigationLinkProps>;
    "aria-label"?: string;
    testID?: string;
}

declare const SideNavigation: React$1.FC<SideNavigationProps>;

declare const SideNavigationItem: React$1.FC<SideNavigationItemProps>;

export { SideNavigation, SideNavigationItem, type SideNavigationItemData, type SideNavigationItemProps, type SideNavigationItemState, type SideNavigationLinkProps, type SideNavigationMode, type SideNavigationProps };