chakra-ui-bottom-navigation/dist/use-bottom-navigation.d.ts

Bottom navigation component built for chakra

/// <reference types="react" />
export declare const BottomNavigationDescendantsProvider: import("react").Provider<import("@chakra-ui/descendant").DescendantsManager<HTMLButtonElement, {}>>, useBottomNavigationDescendantsContext: () => import("@chakra-ui/descendant").DescendantsManager<HTMLButtonElement, {}>, useBottomNavigationDescendants: () => import("@chakra-ui/descendant").DescendantsManager<HTMLButtonElement, {}>, useBottomNavigationDescendant: (options?: {
    disabled?: boolean | undefined;
    id?: string | undefined;
} | undefined) => {
    descendants: import("@chakra-ui/descendant").UseDescendantsReturn;
    index: number;
    enabledIndex: number;
    register: (node: HTMLButtonElement | null) => void;
};
export interface IBottomNavigationContext {
    value: string | number;
    onChange(newValue: string | number): void;
    showLabel?: 'never' | 'if-active' | 'always';
}
export declare const BottomNavigationProvider: import("react").Provider<IBottomNavigationContext>, useBottomNavigationContext: () => IBottomNavigationContext;
export interface IBottomNavigationItemContext {
    isDisabled?: boolean;
    isSelected: boolean;
    value?: string | number;
}
export declare const BottomNavigationItemProvider: import("react").Provider<IBottomNavigationItemContext>, useBottomNavigationItemContext: () => IBottomNavigationItemContext;