import { CSSProperties, Ref } from 'vue';
declare const TOOLBAR_ITEM_TYPES: readonly ["button", "options", "separator", "dropdown", "overflow"];
export type ToolbarItemType = (typeof TOOLBAR_ITEM_TYPES)[number];
export interface ToolbarItemOption {
    key?: string | number;
    label?: string;
    type?: string;
    disabled?: boolean;
    class?: unknown;
    props?: Record<string, unknown>;
    icon?: string | object | ((option: ToolbarItemOption) => unknown);
    render?: () => unknown;
    [member: string]: unknown;
}
export type ToolbarItemAttributes = {
    ariaLabel?: string;
    className?: unknown;
    [attribute: string]: unknown;
};
export type ToolbarItemStyle = string | CSSProperties;
export type ToolbarActivationAttributes = Record<string, unknown>;
export interface UseToolbarItemOptions {
    type: ToolbarItemType;
    name: string;
    command?: unknown;
    noArgumentCommand?: string;
    icon?: string;
    group?: string;
    allowWithoutEditor?: boolean;
    attributes?: ToolbarItemAttributes;
    disabled?: boolean;
    style?: ToolbarItemStyle;
    isNarrow?: boolean;
    isWide?: boolean;
    layoutWidth?: number;
    suppressActiveHighlight?: boolean;
    argument?: unknown;
    iconColor?: string;
    hasCaret?: boolean;
    splitButton?: boolean;
    splitButtonCommand?: unknown;
    restoreEditorFocus?: boolean;
    dropdownStyles?: unknown;
    tooltip?: string;
    tooltipVisible?: boolean;
    tooltipTimeout?: number;
    defaultLabel?: string;
    label?: string;
    hideLabel?: boolean;
    inlineTextInputVisible?: boolean;
    hasInlineTextInput?: boolean;
    markName?: string;
    labelAttr?: string;
    selectedValue?: string | number | null;
    dropdownValueKey?: string;
    inputRef?: unknown;
    options?: readonly ToolbarItemOption[];
    onActivate?: (attributes: ToolbarActivationAttributes, isMultiple?: boolean) => unknown;
    onDeactivate?: () => unknown;
}
export interface ToolbarItem {
    type: ToolbarItemType;
    id: Ref<string>;
    name: Ref<string>;
    command?: unknown;
    noArgumentCommand?: string;
    splitButtonCommand?: unknown;
    group: Ref<string>;
    attributes: Ref<ToolbarItemAttributes>;
    disabled: Ref<boolean | undefined>;
    active: Ref<boolean>;
    expand: Ref<boolean>;
    nestedOptions: Ref<ToolbarItemOption[]>;
    label: Ref<string | undefined>;
    defaultLabel: Ref<string | undefined>;
    icon: Ref<string | undefined>;
    selectedValue: Ref<string | number | null | undefined>;
    hideLabel: Ref<boolean | undefined>;
    iconColor: Ref<string | undefined>;
    hasCaret: Ref<boolean | undefined>;
    splitButton: Ref<boolean>;
    inlineTextInputVisible: Ref<boolean | undefined>;
    hasInlineTextInput: Ref<boolean | undefined>;
    style: Ref<ToolbarItemStyle | undefined>;
    isNarrow: Ref<boolean | undefined>;
    isWide: Ref<boolean | undefined>;
    layoutWidth: Ref<number | undefined>;
    tooltip: Ref<string | undefined>;
    tooltipVisible: Ref<boolean | undefined>;
    tooltipTimeout: Ref<number | undefined>;
    argument: Ref<unknown>;
    restoreEditorFocus: boolean;
    dropdownStyles: Ref<unknown>;
    dropdownValueKey: Ref<string | undefined>;
    allowWithoutEditor: Ref<boolean | undefined>;
    markName: Ref<string | undefined>;
    labelAttr: Ref<string | undefined>;
    inputRef: Ref<unknown>;
    childItem: unknown;
    parentItem: unknown;
    initiallyDisabled: boolean;
    isCustomToolbarItem?: boolean;
    activate(attributes?: ToolbarActivationAttributes, isMultiple?: boolean): void;
    deactivate(): void;
    setDisabled(state: boolean): void;
    resetDisabled(): void;
    onActivate(attributes: ToolbarActivationAttributes, isMultiple?: boolean): unknown;
    onDeactivate(): unknown;
}
export declare const useToolbarItem: (options: UseToolbarItemOptions) => ToolbarItem;
export {};