import { type ReactNode } from 'react';
import type { ToolbarBaseProps, ToolbarItemData } from "./types.js";
import "./ToolbarButton.css";
export type ToolbarButtonProps<E> = ToolbarBaseProps<E> & ToolbarItemData<E>;
export type ToolbarButtonViewProps = Pick<ToolbarItemData<unknown>, 'title' | 'hint' | 'hotkey' | 'hintWhenDisabled' | 'qa'> & {
    active: boolean;
    enabled: boolean;
    onClick: () => void;
    id?: string;
    className?: string;
} & (Pick<ToolbarItemData<unknown>, 'icon'> | {
    children: ReactNode;
}) & Pick<ToolbarBaseProps<unknown>, 'disableTooltip'>;
export declare const ToolbarButtonView: import("react").ForwardRefExoticComponent<ToolbarButtonViewProps & import("react").RefAttributes<HTMLButtonElement>>;
export declare function ToolbarButton<E>(props: ToolbarButtonProps<E>): JSX.Element;
