/*!
 * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
 *
 * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *
 * See the License for the specific language governing permissions and limitations under the License.
 */
import { MouseEventHandler, ReactElement } from "react";
import { HtmlProps } from "./HtmlProps.js";
export type BreadcrumbType = "listItem" | "menuItem" | "currentPage";
export type BreadcrumbProps = {
    /** The visible label text for the breadcrumb item. */
    children?: string;
    /**
     * The URL the breadcrumb navigates to. When omitted, the item renders as plain text (e.g., the current page).
     */
    href?: string;
    /** An optional icon displayed before the label text. */
    iconName?: "user" | "group";
    /**
     * Click handler invoked when the breadcrumb is activated. Prevents default navigation when provided.
     */
    onClick?: MouseEventHandler;
};
export type BreadcrumbsProps = {
    /** The ordered list of `Breadcrumb` elements representing the navigation path. */
    children: ReactElement<typeof Breadcrumb>[];
    /** When provided, prepends a home icon link pointing to this URL as the first breadcrumb. */
    homeHref?: string;
    /**
     * Maximum number of breadcrumb items to show before collapsing the middle items into an overflow menu.
     * @default 5
     */
    maxVisibleItems?: number;
} & Pick<HtmlProps, "testId" | "translate">;
export type BreadcrumbContextType = {
    breadcrumbType: BreadcrumbType;
};
export declare const BreadcrumbContext: import("react").Context<BreadcrumbContextType>;
/**
 * A single item in a Breadcrumbs trail. Renders as a link, a menu item, or plain text depending on its position and context.
 */
export declare const Breadcrumb: ({ children, href, iconName, onClick, }: BreadcrumbProps) => import("@emotion/react/jsx-runtime").JSX.Element;
declare const MemoizedBreadcrumbList: import("react").MemoExoticComponent<({ children, homeHref, maxVisibleItems: maxVisibleItemsProp, testId, translate, }: BreadcrumbsProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
export { MemoizedBreadcrumbList as BreadcrumbList };
//# sourceMappingURL=Breadcrumbs.d.ts.map