import { ReactElement } from 'react';
import { ActionBarSectionItem } from './action-bar-section';
import './action-bar.less';
import { ValueOf } from '../types';
export declare const ACTION_BAR_TRAY_ITEM_PLACEMENT: {
    readonly LEFT: "left";
    readonly RIGHT: "right";
};
export type ActionBarTrayItemPlacementType = ValueOf<typeof ACTION_BAR_TRAY_ITEM_PLACEMENT>;
export interface ActionItem extends ActionBarSectionItem {
    placement?: ActionBarTrayItemPlacementType;
}
export type ActionBarProps = {
    actionItemsList: ActionItem[] | ReactElement[];
    /** Make it look like a tray. The most common case - tray under a chart */
    isTray?: boolean;
    /** Extends default classes */
    className?: string | string[];
    /** Alters default test-id */
    testId?: string;
};
/** ActionBar displays grouped lists of actions
 * [CAPITALIZATION] Use sentence case for items, unless referencing a proper noun (named tab, for example).
 * @midnight-gray-supported
 * @alpine-light-supported
 */
export declare function ActionBar({ actionItemsList, isTray, className, testId, }: ActionBarProps): import("react/jsx-runtime").JSX.Element;
