/// <reference types="react" />
import { ActionIconProps } from "../ActionIcon";
import { type LucideIcon } from 'lucide-react';
import { DivProps } from "../types";
export interface ActionIconGroupItems {
    icon?: LucideIcon;
    key: string;
    label?: string;
}
export interface ActionEvent {
    item: ActionIconGroupItems;
    key: string;
    keyPath: string[];
}
export interface ActionIconGroupProps extends Omit<DivProps, 'content'> {
    /**
     * @description The direction of the icons
     * @default "row"
     */
    direction?: 'row' | 'column';
    /**
     * @description The menu items for the dropdown
     */
    dropdownMenu?: (ActionIconGroupItems | {
        type: 'divider';
    })[];
    /**
     * @description The items to be rendered
     * @default []
     */
    items?: ActionIconGroupItems[];
    onActionClick?: (action: ActionEvent) => void;
    /**
     * @description The position of the tooltip relative to the target
     * @enum ["top","left","right","bottom","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom"]
     */
    placement?: ActionIconProps['placement'];
    /**
     * @description Whether to add a spotlight background
     * @default true
     */
    spotlight?: boolean;
    /**
     * @description The type of the group
     * @default "block"
     */
    type?: 'ghost' | 'block' | 'pure';
}
declare const ActionIconGroup: import("react").NamedExoticComponent<ActionIconGroupProps>;
export default ActionIconGroup;