import React from 'react';
import { Component } from 'react';
import { type Identifier } from '@atlaskit/media-client';
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
export type NavigationDirection = 'prev' | 'next';
export type NavigationProps = Readonly<{
    items: Identifier[];
    selectedItem: Identifier;
    onChange: (item: Identifier) => void;
    isArchiveSideBarVisible?: boolean;
}> & WithAnalyticsEventsProps;
export declare const nextNavButtonId = "media-viewer-navigation-next";
export declare const prevNavButtonId = "media-viewer-navigation-prev";
export type NavigationSource = 'keyboard' | 'mouse';
export declare class NavigationBase extends Component<NavigationProps, {}> {
    private navigate;
    get selectedIndex(): number;
    render(): React.JSX.Element | null;
}
export declare const Navigation: React.ForwardRefExoticComponent<Omit<Readonly<{
    items: Identifier[];
    selectedItem: Identifier;
    onChange: (item: Identifier) => void;
    isArchiveSideBarVisible?: boolean;
}>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
