import type { FC, MouseEventHandler, ReactNode, Ref } from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const breadcrumbsItemVariants: (props?: ({
    isCurrent?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type BreadcrumbsItemProps = Omit<VariantProps<typeof breadcrumbsItemVariants>, 'isCurrent'> & {
    ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
    /** Additional CSS classes */
    className?: string;
    /** If provided, renders as a link instead of button */
    href?: string;
    /** Child content (text, icons, etc.) */
    children?: ReactNode;
    /** Click handler for buttons */
    onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
    /** ARIA label for accessibility */
    'aria-label'?: string;
    /** @internal - Whether this is the current/active page (set automatically by parent) */
    isCurrent?: boolean;
};
/**
 * Individual breadcrumb item component.
 *
 * Represents a single level in the navigation hierarchy. Can be clickable
 * (for navigation) or static (for the current page).
 *
 * @example
 * ```tsx
 * <BreadcrumbsItem href="/products">Products</BreadcrumbsItem>
 * <BreadcrumbsItem onClick={() => alert('clicked')}>Interactive</BreadcrumbsItem>
 * <BreadcrumbsItem href="/home">
 *   <Home size="md" />
 *   Home
 * </BreadcrumbsItem>
 * ```
 */
export declare const BreadcrumbsItem: FC<BreadcrumbsItemProps>;
export {};