import * as React from 'react'; import { OUIAProps } from '../../helpers'; export declare type NavSelectClickHandler = (event: React.FormEvent, itemId: number | string, groupId: number | string, to: string) => void; export interface NavProps extends Omit, HTMLElement>, 'onSelect'>, OUIAProps { /** Anything that can be rendered inside of the nav */ children?: React.ReactNode; /** Additional classes added to the container */ className?: string; /** Callback for updating when item selection changes */ onSelect?: (event: React.FormEvent, selectedItem: { groupId: number | string; itemId: number | string; to: string; }) => void; /** Callback for when a list is expanded or collapsed */ onToggle?: (event: React.MouseEvent, toggledItem: { groupId: number | string; isExpanded: boolean; }) => void; /** Accessible label for the nav when there are multiple navs on the page */ 'aria-label'?: string; /** Indicates which theme color to use */ theme?: 'dark' | 'light'; /** For horizontal navs */ variant?: 'default' | 'horizontal' | 'tertiary' | 'horizontal-subnav'; /** Value to overwrite the randomly generated data-ouia-component-id.*/ ouiaId?: number | string; /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */ ouiaSafe?: boolean; } export interface NavContextProps { onSelect?: (event: React.FormEvent, groupId: number | string, itemId: number | string, to: string, preventDefault: boolean, onClick: NavSelectClickHandler) => void; onToggle?: (event: React.MouseEvent, groupId: number | string, expanded: boolean) => void; updateIsScrollable?: (isScrollable: boolean) => void; isHorizontal?: boolean; flyoutRef?: React.Ref; setFlyoutRef?: (ref: React.Ref) => void; navRef?: React.RefObject; } export declare const navContextDefaults: {}; export declare const NavContext: React.Context; declare class Nav extends React.Component | null; }> { static displayName: string; static defaultProps: NavProps; state: { isScrollable: boolean; ouiaStateId: string; flyoutRef: React.Ref; }; navRef: React.RefObject; onSelect(event: React.FormEvent, groupId: number | string, itemId: number | string, to: string, preventDefault: boolean, onClick: NavSelectClickHandler): void; onToggle(event: React.MouseEvent, groupId: number | string, toggleValue: boolean): void; render(): React.JSX.Element; } export { Nav }; //# sourceMappingURL=Nav.d.ts.map