import type { BreadcrumbBaseProps } from '@fluentui/react-breadcrumb';
import type { BreadcrumbBaseState } from '@fluentui/react-breadcrumb';
import type { BreadcrumbButtonBaseProps } from '@fluentui/react-breadcrumb';
import type { BreadcrumbButtonBaseState } from '@fluentui/react-breadcrumb';
import type { BreadcrumbButtonSlots as BreadcrumbButtonSlots_2 } from '@fluentui/react-breadcrumb';
import { BreadcrumbContextValues as BreadcrumbContextValues_2 } from '@fluentui/react-breadcrumb';
import type { BreadcrumbDividerBaseProps } from '@fluentui/react-breadcrumb';
import { BreadcrumbDividerBaseState } from '@fluentui/react-breadcrumb';
import type { BreadcrumbDividerSlots as BreadcrumbDividerSlots_2 } from '@fluentui/react-breadcrumb';
import type { BreadcrumbItemBaseProps } from '@fluentui/react-breadcrumb';
import { BreadcrumbItemBaseState } from '@fluentui/react-breadcrumb';
import type { BreadcrumbItemSlots as BreadcrumbItemSlots_2 } from '@fluentui/react-breadcrumb';
import type { BreadcrumbSlots as BreadcrumbSlots_2 } from '@fluentui/react-breadcrumb';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { JSXElement } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderBreadcrumb_unstable as renderBreadcrumb } from '@fluentui/react-breadcrumb';

/**
 * A breadcrumb component for displaying navigation hierarchy.
 */
export declare const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;

/**
 * An interactive button representing a navigation step in a breadcrumb trail.
 * Set the `current` prop to mark the active page.
 */
export declare const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;

/**
 * BreadcrumbButton component props
 */
export declare type BreadcrumbButtonProps = BreadcrumbButtonBaseProps;

/**
 * BreadcrumbButton component slots
 */
export declare type BreadcrumbButtonSlots = BreadcrumbButtonSlots_2;

/**
 * BreadcrumbButton component state
 */
export declare type BreadcrumbButtonState = BreadcrumbButtonBaseState & {
    root: {
        /**
         * Data attribute set to indicate that this button represents the current page in the breadcrumb.
         */
        'data-current'?: string;
    };
};

/**
 * Context values provided by Breadcrumb to its sub-components.
 */
export declare type BreadcrumbContextValues = BreadcrumbContextValues_2;

/**
 * A visual separator between breadcrumb items.
 */
export declare const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;

/**
 * BreadcrumbDivider component props
 */
export declare type BreadcrumbDividerProps = BreadcrumbDividerBaseProps;

/**
 * BreadcrumbDivider component slots
 */
export declare type BreadcrumbDividerSlots = BreadcrumbDividerSlots_2;

/**
 * BreadcrumbDivider component state
 */
export declare type BreadcrumbDividerState = BreadcrumbDividerBaseState;

/**
 * A list item that wraps a breadcrumb entry, such as a BreadcrumbButton or plain text.
 */
export declare const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;

/**
 * BreadcrumbItem component props
 */
export declare type BreadcrumbItemProps = BreadcrumbItemBaseProps;

/**
 * BreadcrumbItem component slots
 */
export declare type BreadcrumbItemSlots = BreadcrumbItemSlots_2;

/**
 * BreadcrumbItem component state
 */
export declare type BreadcrumbItemState = BreadcrumbItemBaseState;

/**
 * Breadcrumb component props
 */
export declare type BreadcrumbProps = BreadcrumbBaseProps;

/**
 * Breadcrumb component slots
 */
export declare type BreadcrumbSlots = BreadcrumbSlots_2;

/**
 * Breadcrumb component state
 */
export declare type BreadcrumbState = BreadcrumbBaseState;

export { renderBreadcrumb }

/**
 * Renders the final JSX of the BreadcrumbButton component, given the state.
 */
export declare const renderBreadcrumbButton: (state: BreadcrumbButtonState) => JSXElement;

/**
 * Renders the final JSX of the BreadcrumbDivider component, given the state.
 */
export declare const renderBreadcrumbDivider: (state: BreadcrumbDividerBaseState) => JSXElement;

/**
 * Renders the final JSX of the BreadcrumbItem component, given the state.
 */
export declare const renderBreadcrumbItem: (state: BreadcrumbItemBaseState) => JSXElement;

/**
 * Returns the state for a Breadcrumb component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderBreadcrumb`.
 */
export declare const useBreadcrumb: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;

/**
 * Returns the state for a BreadcrumbButton component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderBreadcrumbButton`.
 */
export declare const useBreadcrumbButton: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;

/**
 * Returns the context values provided by the nearest Breadcrumb, enabling child components to
 * read breadcrumb-level state such as the current size.
 */
export declare const useBreadcrumbContext: () => BreadcrumbContextValues_2;

/**
 * Maps Breadcrumb state to the context values passed down to child components.
 */
export declare const useBreadcrumbContextValues: (state: BreadcrumbState) => BreadcrumbContextValues;

/**
 * Returns the state for a BreadcrumbDivider component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderBreadcrumbDivider`.
 */
export declare const useBreadcrumbDivider: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;

/**
 * Returns the state for a BreadcrumbItem component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderBreadcrumbItem`.
 */
export declare const useBreadcrumbItem: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemState;

export { }