import { Container, interfaces } from 'inversify';
import * as React from 'react';
import { PlaygroundConfig } from './playground-config';
import { Playground } from './playground';
import { PlaygroundConfigEntityData, RulerConfigEntityData, SelectorBoxConfigData, SelectorConfigEntityData, SnaplineConfigEntityData, ToolbarConfigEntityData } from './layer/config';
export declare function createPlaygroundContainer(parent?: interfaces.Container): Container;
export declare function createPlayground(config?: PlaygroundConfig, parentContainer?: interfaces.Container): Playground;
export interface PlaygroundContainerProps extends Omit<PlaygroundConfig, 'node'> {
    className?: string;
    style?: React.CSSProperties;
    parentContainer?: interfaces.Container;
    onReady?: (playground: Playground) => void;
    rulerConfig?: Partial<RulerConfigEntityData>;
    playgroundConfig?: Partial<PlaygroundConfigEntityData>;
    selectorBoxConfig?: Partial<SelectorBoxConfigData>;
    selectorConfig?: Partial<SelectorConfigEntityData>;
    snaplineConfig?: Partial<SnaplineConfigEntityData>;
    toolbarConfig?: Partial<ToolbarConfigEntityData>;
}
/**
 * @param props
 * @constructor
 * @example
 *
 * function MyPlayground(props: PlaygroundContainerProps): React.JSX.Element {
 *   return (
 *     <PlaygroundContainer width={800} height={400} />
 *   )
 * }
 */
export declare function PlaygroundContainer(props: PlaygroundContainerProps): React.JSX.Element;
//# sourceMappingURL=playground-container.d.ts.map