import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core';
export type BreadcrumbsStylesNames = 'root' | 'separator' | 'breadcrumb';
export type BreadcrumbsCssVariables = {
    root: '--bc-separator-margin';
};
export interface BreadcrumbsProps extends BoxProps, StylesApiProps<BreadcrumbsFactory>, ElementProps<'div'> {
    /** Separator between children @default '/' */
    separator?: React.ReactNode;
    /** Controls spacing between separator and breadcrumb @default 'xs' */
    separatorMargin?: MantineSpacing;
    /** React nodes that should be separated with `separator` */
    children: React.ReactNode;
}
export type BreadcrumbsFactory = Factory<{
    props: BreadcrumbsProps;
    ref: HTMLDivElement;
    stylesNames: BreadcrumbsStylesNames;
    vars: BreadcrumbsCssVariables;
}>;
export declare const Breadcrumbs: import("../..").MantineComponent<{
    props: BreadcrumbsProps;
    ref: HTMLDivElement;
    stylesNames: BreadcrumbsStylesNames;
    vars: BreadcrumbsCssVariables;
}>;
export declare namespace Breadcrumbs {
    type Props = BreadcrumbsProps;
    type StylesNames = BreadcrumbsStylesNames;
    type CssVariables = BreadcrumbsCssVariables;
    type Factory = BreadcrumbsFactory;
}
