import React, { ReactNode } from "react";
import { VoidFuncNoParam } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
/**
 * Props of {@link ListItem}
 */
export interface IListItemProps {
    /** Additional CSS classes for the list item */
    className?: string;
    /** Whether a tooltip should be shown when the text overflows */
    showTooltip?: boolean;
    /** Content to render inside the list item */
    children?: ReactNode;
    /** Event handler called when the item is clicked/navigated */
    onNavigate?: VoidFuncNoParam;
    /** Whether the item is currently active/selected */
    active?: boolean;
}
/**
 * List item component with built-in tooltip
 *
 * @param IListItemProps {@link IListItemProps}
 *
 * @example
 * ```tsx
 *  <ListItem showTooltip={true} active={...} onNavigate={...}>
 *      itemName
 *  </ListItem>
 * ```
 */
export declare function ListItem({ className, showTooltip, children, onNavigate, active }: IListItemProps): React.JSX.Element;
