import React, { RefObject, KeyboardEvent, MouseEvent } from 'react';
import CSS from 'csstype';
declare function Button({ className, onClick, children, style, onPointerDown, buttonRef, onKeyDown, onContextMenu, fontSize, notClickable, onPointerEnter, onPointerLeave, onDoubleClick, isRed, margin, padding, width, height, maxHeight, maxWidth, minHeight, minWidth, gridArea }: {
    className?: string;
    children?: React.ReactNode;
    style?: CSS.Properties;
    buttonRef?: RefObject<HTMLDivElement>;
    fontSize?: string;
    notClickable?: boolean;
    isRed?: boolean;
    margin?: string;
    padding?: string;
    width?: string;
    height?: string;
    maxWidth?: string;
    maxHeight?: string;
    minWidth?: string;
    minHeight?: string;
    gridArea?: string;
    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
    onKeyDown?: (e: KeyboardEvent<HTMLDivElement>) => void;
    onContextMenu?: (e: MouseEvent<HTMLDivElement>) => void;
    onPointerEnter?: (e: MouseEvent<HTMLDivElement>) => void;
    onPointerLeave?: (e: MouseEvent<HTMLDivElement>) => void;
    onDoubleClick?: (e: MouseEvent<HTMLDivElement>) => void;
    onPointerDown?: (e: React.PointerEvent<HTMLDivElement>) => void;
}): JSX.Element;
export declare const AnimatedButton: React.ForwardRefExoticComponent<{
    className?: string | undefined;
    children?: React.ReactNode;
    style?: CSS.Properties<0 | (string & {}), string & {}> | undefined;
    buttonRef?: React.RefObject<HTMLDivElement> | undefined;
    fontSize?: string | undefined;
    notClickable?: boolean | undefined;
    isRed?: boolean | undefined;
    margin?: string | undefined;
    padding?: string | undefined;
    width?: string | undefined;
    height?: string | undefined;
    maxWidth?: string | undefined;
    maxHeight?: string | undefined;
    minWidth?: string | undefined;
    minHeight?: string | undefined;
    gridArea?: string | undefined;
    onClick?: ((e: MouseEvent<HTMLDivElement>) => void) | undefined;
    onKeyDown?: ((e: KeyboardEvent<HTMLDivElement>) => void) | undefined;
    onContextMenu?: ((e: MouseEvent<HTMLDivElement>) => void) | undefined;
    onPointerEnter?: ((e: MouseEvent<HTMLDivElement>) => void) | undefined;
    onPointerLeave?: ((e: MouseEvent<HTMLDivElement>) => void) | undefined;
    onDoubleClick?: ((e: MouseEvent<HTMLDivElement>) => void) | undefined;
    onPointerDown?: ((e: React.PointerEvent<HTMLDivElement>) => void) | undefined;
}>;
export default Button;