import * as React from 'react';
export declare class Artboard extends React.Component<any> {
    static defaultProps: {
        __debug: boolean;
        alignHorizontally: string;
        alignVertically: string;
        darkMode: boolean;
        defaultHeight: number;
        defaultWidth: number;
        padding: number;
        posX: number;
        posY: number;
        showGuides: boolean;
        showBoxInspector: boolean;
        showInterface: boolean;
        snapshots: never[];
        withCenterGuides: boolean;
        withResponsiveHeight: boolean;
        withResponsiveWidth: boolean;
        zoomLevel: number;
    };
    __bodyBackGroundColor: string | null;
    constructor(props: any);
    componentDidMount(): void;
    componentWillUnmount(): void;
    shouldComponentUpdate(nextProps: any): boolean;
    getArtboardNameFromProps: (props: any) => any;
    saveState: () => void;
    setBackgroundColor: () => void;
    unsetBackgroundColor: () => void;
    handleOnKeyDown: (event: any) => void;
    handleOnKeyUp: (event: any) => void;
    handleOnClick: () => void;
    handleOnMouseDown: () => void;
    handleOnMouseUp: () => void;
    handleOnMouseMove: (event: any) => void;
    toggleDarkMode: () => void;
    toggleInterface: () => void;
    prepareZoomIn: () => void;
    prepareZoomOut: () => void;
    prepareMove: () => void;
    zoomIn: (event?: Event | undefined) => void;
    zoomOut: (event?: Event | undefined) => void;
    toggleGuides: () => void;
    toggleBoxInspector: () => void;
    toggleSizeInspector: () => void;
    startEyeDropper: () => void;
    readyEyeDropper: () => void;
    stopEyeDropper: () => void;
    toggleCrosshair: () => void;
    stopCrosshair: () => void;
    clearSnapshots: () => void;
    render(): JSX.Element;
}
export declare const ConnectedArtboard: import("react-redux").ConnectedComponentClass<typeof Artboard, any>;
declare const _default: (props: any) => JSX.Element;
export default _default;