/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { PropType } from 'vue';
/**
 * 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;
    /**
     * 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;
    /**
     * The group that will be rendered.
     */
    group?: string;
    /**
     * @hidden
     */
    virtual?: boolean;
    /**
     * Fires when the list item is about to be rendered. Used to override the default appearance of the list item.
     */
    render?: any;
    /**
     * The `onClick` event handler of the list item element.
     */
    onItemClick?: (index: number, event: any) => 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: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    id: PropType<string>;
    index: PropType<number>;
    dataItem: PropType<any>;
    textField: PropType<string>;
    focused: PropType<boolean>;
    selected: PropType<boolean>;
    disabled: PropType<boolean>;
    group: PropType<string>;
    virtual: PropType<boolean>;
    render: PropType<any>;
    onItemClick: PropType<(index: number, event: any) => void>;
    actionsField: PropType<string>;
    descriptionField: PropType<string>;
    iconField: PropType<string>;
    svgIconField: PropType<string>;
    checkboxField: PropType<string>;
}>, {}, {}, {
    itemClass(): {
        'k-list-item': boolean;
        'k-selected': any;
        'k-focus': any;
    };
}, {
    handleClick(e: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    id: PropType<string>;
    index: PropType<number>;
    dataItem: PropType<any>;
    textField: PropType<string>;
    focused: PropType<boolean>;
    selected: PropType<boolean>;
    disabled: PropType<boolean>;
    group: PropType<string>;
    virtual: PropType<boolean>;
    render: PropType<any>;
    onItemClick: PropType<(index: number, event: any) => void>;
    actionsField: PropType<string>;
    descriptionField: PropType<string>;
    iconField: PropType<string>;
    svgIconField: PropType<string>;
    checkboxField: PropType<string>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { ListItem };