import * as React from "react";
import { IJSSManagerProps } from "@microsoft/fast-jss-manager-react";
import { IDevSiteDesignSystem } from "../design-system";
import { IFormChildOption } from "./";
export declare enum Framework {
    react = "react",
    angular = "angular"
}
export declare enum TabType {
    code = "Code",
    properties = "Properties",
    schema = "Schema"
}
export interface IDevToolsProps {
    onToggleView: () => void;
    activeFormData: any;
    activeSchema: any;
    activeComponentName: string;
    activeFramework: Framework;
    childOptions: IFormChildOption[];
    frameworks?: Framework[];
    activeTab?: TabType;
}
export interface IDevToolsState {
    activeFramework: Framework;
    activeTab: TabType;
}
export interface IDevToolsManagedClasses {
    devTools: string;
    devTools_controls: string;
    devTools_controls_tabs: string;
    devTools_controls_framework: string;
    devTools_controls_framework__active: string;
    devTools_controls_framework_angular: string;
    devTools_controls_framework_react: string;
    devTools_controls_closeButton: string;
    devTools_tab: string;
    devTools_tab__active: string;
    devTools_tabPanel: string;
    devTools_tabPanelContainter: string;
}
declare const _default: React.ComponentClass<IDevToolsProps & IJSSManagerProps<IDevToolsManagedClasses, IDevSiteDesignSystem>, any>;
export default _default;
