import { TSize } from '../../index.ts';
import { ReactNode } from 'react';

export interface IBreadcrumbsProps {
    /**
     * apply custom className
     */
    className?: string;
    /**
     * apply custom id
     */
    id?: string;
    /**
     * block default click behavior
     */
    preventDefaultOnClick?: boolean;
    /**
     * Array of content for each breadcrumb
     */
    items: TBreadcrumbItem[];
    /**
     * apply custom onClick function
     */
    onClick?: (id?: string) => void;
    /**
     * use a custom separator
     */
    separator?: ReactNode;
    /**
     * controls the size of the breadcrumbs
     * @default 'md'
     */
    size?: TSize;
    /**
     * apply custom CSS styles
     */
    style?: React.CSSProperties;
    /**
     * should item label truncate, general setting for all items
     * @default { length: 130 }
     */
    truncate?: TruncateOption;
}
export type TBreadcrumbItem = {
    /**
     * apply custom className
     */
    className?: string;
    /**
     * optional icon to show in the breadcrumb
     */
    icon?: ReactNode;
    /**
     * apply custom id
     */
    id: string;
    /**
     * the text to show in the breadcrumb
     */
    label?: string;
    /**
     * a path prop for the breadcrumb
     */
    path?: string;
    /**
     * block default click behavior
     */
    preventDefaultOnClick?: boolean;
    /**
     * apply truncation to single item label, overrides global setting per item
     */
    truncate?: TruncateOption;
};
type TruncateOption = {
    length?: number;
} | false;
export {};
//# sourceMappingURL=types.d.ts.map