import { Optional } from '@synnaxlabs/x';
import { ReactElement } from 'react';
import { Align } from '../align';
import { Text } from '../text';
/**
 * Props for the Breadcrumb component.
 *
 * @template E - The type of the space element.
 * @template L - The text level.
 */
export type BreadcrumbProps<E extends Align.SpaceElementType = "div", L extends Text.Level = Text.Level> = Optional<Omit<Text.WithIconProps<E, L>, "children">, "level"> & {
    /** Icon to display in the breadcrumb. */
    icon?: string;
    /** The breadcrumb items, either a single string or an array of strings. */
    children: string | string[];
    /** Separator to use between breadcrumb items. Defaults to ".". */
    separator?: string;
    /** Whether to hide the first breadcrumb item. */
    hideFirst?: boolean;
};
/**
 * Breadcrumb component for displaying a breadcrumb navigation.
 *
 * @template E - The type of the space element.
 * @template L - The text level.
 *
 * @param props - The props for the Breadcrumb component.
 * @returns The Breadcrumb component.
 */
export declare const Breadcrumb: <E extends Align.SpaceElementType = "div", L extends Text.Level = "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p">({ children, icon, shade, weight, size, level, separator, className, hideFirst, ...props }: BreadcrumbProps<E, L>) => ReactElement;
//# sourceMappingURL=Breadcrumb.d.ts.map