import type { ReactNode } from "react";
interface ListItemProps {
    /** Unique identifier for the item */
    id: string;
    /** Whether this item is selected */
    isSelected: boolean;
    /** Whether this item is focused (keyboard navigation) */
    isFocused: boolean;
    /** Icon to display */
    icon?: ReactNode;
    /** Primary title text */
    title: ReactNode;
    /** Optional description text */
    description?: ReactNode;
    /** Optional metadata to display (like badges, tags, etc.) */
    metadata?: ReactNode;
    /** Click handler */
    onClick: () => void;
    /** Optional additional class names */
    className?: string;
    /** Optional data-testid for testing */
    "data-testid"?: string;
}
export declare function ListItem({ id, isSelected, isFocused, icon, title, description, metadata, onClick, className, "data-testid": dataTestId, }: ListItemProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ListItem.d.ts.map