import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
export type BreadcrumbsSeparatorProps = HTMLAttributes<HTMLLIElement> & {
    ref?: Ref<HTMLLIElement>;
    /** Additional CSS classes */
    className?: string;
    /** Custom separator icon (defaults to ChevronRight) */
    children?: ReactNode;
};
/**
 * Separator component for breadcrumbs.
 *
 * Shows a visual separator (typically a chevron) between breadcrumb items
 * to indicate hierarchy direction.
 *
 * @example
 * ```tsx
 * <BreadcrumbsSeparator />
 * <BreadcrumbsSeparator>
 *   <CustomIcon />
 * </BreadcrumbsSeparator>
 * ```
 */
export declare const BreadcrumbsSeparator: FC<BreadcrumbsSeparatorProps>;