@marcosnbj/excalidraw/types/components/ToolButton.d.ts

Excalidraw as a React component

import "./ToolIcon.scss";
import React, { CSSProperties } from "react";
import { PointerType } from "../element/types";
export type ToolButtonSize = "small" | "medium";
type ToolButtonBaseProps = {
    icon?: React.ReactNode;
    "aria-label": string;
    "aria-keyshortcuts"?: string;
    "data-testid"?: string;
    label?: string;
    title?: string;
    name?: string;
    id?: string;
    size?: ToolButtonSize;
    keyBindingLabel?: string | null;
    showAriaLabel?: boolean;
    hidden?: boolean;
    visible?: boolean;
    selected?: boolean;
    className?: string;
    style?: CSSProperties;
    isLoading?: boolean;
    onMouseEnter?(): void;
    onMouseLeave?(): void;
};
type ToolButtonProps = (ToolButtonBaseProps & {
    type: "button";
    children?: React.ReactNode;
    onClick?(event: React.MouseEvent): void;
}) | (ToolButtonBaseProps & {
    type: "submit";
    children?: React.ReactNode;
    onClick?(event: React.MouseEvent): void;
}) | (ToolButtonBaseProps & {
    type: "icon";
    children?: React.ReactNode;
    onClick?(): void;
}) | (ToolButtonBaseProps & {
    type: "radio";
    checked: boolean;
    onChange?(data: {
        pointerType: PointerType | null;
    }): void;
    onPointerDown?(data: {
        pointerType: PointerType;
    }): void;
});
export declare const ToolButton: React.ForwardRefExoticComponent<ToolButtonProps & React.RefAttributes<unknown>>;
export {};