import { ComponentElement } from 'react';
import type { ViewOwnProps } from '@instructure/ui-view/latest';
import type { ComponentStyle, WithStyleProps } from '@instructure/emotion';
import { TopNavBarContextType } from '../TopNavBarContext';
import { ChildrenOfType, OtherHTMLAttributes } from '@instructure/shared-types';
import TopNavBarBreadcrumb from './index';
import { Breadcrumb } from '@instructure/ui-breadcrumb/latest';
import type { BreadcrumbProps } from '@instructure/ui-breadcrumb/latest';
type TopNavBarBreadcrumbProps = TopNavBarBreadcrumbOwnProps & WithStyleProps<null, TopNavBarBreadcrumbStyle> & OtherHTMLAttributes<TopNavBarBreadcrumbOwnProps>;
type TopNavBarBreadcrumbState = {
    active: boolean;
};
type BreadcrumbChild = React.ComponentElement<TopNavBarBreadcrumbProps, TopNavBarBreadcrumb>;
type TopNavBarBreadcrumbOwnProps = {
    /**
     * The children to be rendered within the `<TopNavBarBreadcrumb />`. Children must be type of `Breadcrumb`.
     */
    children: ChildrenOfType<ComponentElement<BreadcrumbProps, Breadcrumb>>;
    /**
     * A callback function to be called, if the user clicks on the hamburger icon.
     */
    onClick?: (event: React.MouseEvent<ViewOwnProps> | React.KeyboardEvent<ViewOwnProps>) => void;
    /**
     * A function that returns a reference to root HTML element
     */
    elementRef?: (el: HTMLDivElement | null) => void;
};
type TopNavBarBreadcrumbStyle = ComponentStyle<'topNavBarBreadcrumb' | 'iconContainer' | 'icon' | 'breadcrumbContainer' | 'linkContainer'>;
type TopNavBarBreadcrumbStyleProps = {
    inverseColor: TopNavBarContextType['inverseColor'];
};
type PropKeys = keyof TopNavBarBreadcrumbOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
declare const allowedProps: AllowedPropKeys;
export type { TopNavBarBreadcrumbProps, TopNavBarBreadcrumbState, TopNavBarBreadcrumbStyle, TopNavBarBreadcrumbStyleProps, BreadcrumbChild };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map