/// <reference types="react" />
import "./index.scss";
import React = require("react");
import { Workspace } from "@tandem/editor/browser/stores";
import { SyntheticHTMLElement, SyntheticDOMElement } from "@tandem/synthetic-browser";
export interface ISelectableComponentProps {
    zoom: number;
    show: boolean;
    workspace: Workspace;
    onSyntheticMouseDown: (element: SyntheticHTMLElement, event?: React.MouseEvent<any>) => void;
    canvasRootSelectable?: boolean;
    allElements: SyntheticDOMElement[];
}
export declare class SelectablesComponent extends React.Component<ISelectableComponentProps, {}> {
    /**
     * This component is too expensive to update each time something changes in the app.
     * Need to use observables for this one.
     *
     * @returns
     */
    shouldComponentUpdate({allElements, zoom, show}: ISelectableComponentProps): boolean;
    render(): JSX.Element;
}