/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import * as React from 'react';
/**
 * Represents the props of the ListItem component.
 */
export interface ListItemProps {
    /**
     * Specifies the id that will be added to the list item element.
     */
    id?: string;
    /**
     * Represents the index of the list item element.
     */
    index: number;
    /**
     * Represents the data item of the list item element.
     */
    dataItem: any;
    /**
     * Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.
     */
    textField?: string;
    /**
     * The group that will be rendered.
     */
    group?: string;
    /**
     * Indicates the focused state of the list item element.
     */
    focused: boolean;
    /**
     * Indicates the selected state of the list item element.
     */
    selected: boolean;
    /**
     * Indicates the disabled/enabled state of the list item element.
     */
    disabled?: boolean;
    /**
     * @hidden
     */
    virtual?: boolean;
    /**
     * Fires when the list item is about to be rendered. Used to override the default appearance of the list item.
     */
    render?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListItemProps) => React.ReactNode;
    /**
     * The `onClick` event handler of the list item element.
     */
    onClick: (index: number, event: React.MouseEvent<HTMLLIElement>) => void;
    /**
     * @hidden
     * The field name in the dataItem that contains the actions.
     */
    actionsField?: string;
    /**
     * @hidden
     * The field name in the dataItem that contains the description.
     */
    descriptionField?: string;
    /**
     * @hidden
     * The field name in the dataItem that contains the icon.
     */
    iconField?: string;
    /**
     * @hidden
     * The field name in the dataItem that contains the SVG icon.
     */
    svgIconField?: string;
    /**
     * @hidden
     * The field name in the dataItem that contains the checkbox state.
     */
    checkboxField?: string;
}
/**
 * @hidden
 */
declare const ListItem: (props: ListItemProps) => React.ReactElement;
export default ListItem;