/**
 * ToolButton Component
 * Reusable split-button component for tool selection with dropdown menu
 * Shows the currently selected tool's icon with dropdown to switch between tools
 */
import { EditorIconName } from '../styles/EditorIcon';
export interface ToolOption<T extends string> {
    /** Unique tool identifier */
    tool: T;
    /** Icon name to display */
    icon: EditorIconName;
    /** Display label */
    label: string;
    /** Optional description shown in menu */
    description?: string;
    /** Optional keyboard shortcut */
    shortcut?: string;
}
export interface ToolButtonProps<T extends string> {
    /** Available tool options */
    options: ToolOption<T>[];
    /** Currently selected tool */
    selectedTool: T | null;
    /** Called when a tool is selected */
    onSelect: (tool: T) => void;
    /** Whether this tool group is currently active */
    isActive?: boolean;
    /** Tooltip text (uses selected tool label if not provided) */
    tooltip?: string;
    /** Size of the button */
    size?: 'small' | 'middle' | 'large';
    /** Whether to show the dropdown arrow */
    showDropdownArrow?: boolean;
}
/**
 * ToolButton - A split button for selecting tools from a group
 * Shows the selected tool's icon, with dropdown to switch between options
 */
export declare function ToolButton<T extends string>({ options, selectedTool, onSelect, isActive, tooltip, size, showDropdownArrow, }: ToolButtonProps<T>): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ToolButton.d.ts.map