import { ReactNode } from "react";
import { BaseElementProps, ElementIcon, ElementPosition, ElementSize } from "../../types";
/** Breadcrumb item */
export interface BreadCrumb {
    /** Displayable caption */
    caption: string;
    /** Link address */
    href: string;
    /**
     * Is current page. Will be not clickable
     * @deprecated [Will be removed in v1.15] Not used anymore
     */
    active?: boolean;
    /** Bootstrap icon class name */
    icon?: ElementIcon;
    /**
     * Displayed text
     * @deprecated [Will be removed in v1.15] Use `caption` instead
     */
    title?: string;
    /**
     * Page address
     * @deprecated [Will be removed in v1.15] Use `href`
     */
    path?: string;
}
/** Breadcrumbs component props type */
export type BreadcrumbsProps = BaseElementProps & {
    /** Breadcrumbs items */
    items: Array<BreadCrumb>;
    /** Panel size */
    size?: ElementSize;
    /** Items position */
    position?: ElementPosition;
    /** Items separator. By default `arrow` */
    separator?: "arrow" | "bullet" | "dot" | "succeeds";
    /**
     * Accessible label for the `<nav>` landmark.
     * @default "breadcrumbs"
     */
    ariaLabel?: string;
    /**
     * Function that generates each element
     * @example
     * elementGenerator={breadCrumb =>
     *  <div>
     *     {breadCrumb.icon &&
     *         <span>
     *             <Icon {...breadCrumb.icon} />
     *         </span>
     *     }
     *     <span>
     *         {breadCrumb.caption}
     *     </span>
     *  </div>
     * }
    */
    elementGenerator?: (bc: BreadCrumb) => ReactNode;
};
//# sourceMappingURL=types.d.ts.map