/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { ButtonsClassStructure } from '@progress/kendo-react-common';
import * as React from 'react';
/**
 * The props of the ButtonItem component.
 * The ButtonItem component renders each list item in the dropdown buttons list.
 */
export interface ButtonItemProps {
    /**
     * Determines whether the item is focused.
     */
    focused?: boolean;
    /**
     * The index of the item in the items list.
     */
    index?: number;
    /**
     * A function that is fired when the item is clicked.
     */
    onClick: (event: React.MouseEvent<HTMLLIElement, MouseEvent>, index?: number) => void;
    /**
     * A function that is fired when the mouse or pointer is pressed down on the item.
     */
    onDown?: (event: React.PointerEvent<HTMLLIElement> | React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
    /**
     * A React component for rendering the item.
     */
    item?: null | React.ComponentType<{
        item: any;
        itemIndex: number;
    }>;
    /**
     * A function or React component for rendering the item. The default rendering includes an icon, an image, and text.
     */
    render?: ((li: React.ReactElement<HTMLLIElement>, props: ButtonItemProps) => React.ReactNode) | React.ComponentType<{
        item: any;
        itemIndex: number;
    }>;
    /**
     * The data item represented by this button item.
     */
    dataItem: any;
    /**
     * The id attribute of the item.
     */
    id?: string;
    /**
     * The field of the data item that provides the text content of the item.
     */
    textField?: string;
    /**
     * One or more CSS classes that will be added to the item element.
     */
    className?: string;
    /**
     * Internal property for the unstyled rendering variant of the component.
     */
    unstyled?: ButtonsClassStructure;
}
/**
 * @hidden
 */
export declare const ButtonItem: {
    (props: ButtonItemProps): any;
    displayName: string;
};