import Pack from "@web-atoms/core/dist/Pack";
import AppHost from "./app-host/AppHost";
export { default as GS } from "./styles/GlobalStyle";

// @web-atoms-pack: true

@Pack
export default class OnlineEditor extends AppHost {

}
// import Bind from "@web-atoms/core/dist/core/Bind";
// import { UMD } from "@web-atoms/core/dist/core/types";
// import XNode from "@web-atoms/core/dist/core/XNode";
// import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
// import { AtomGridView } from "@web-atoms/core/dist/web/controls/AtomGridView";
// import CodeEditor from "./code-editor/CodeEditor";
// import TreeView from "./controls/tree-view/TreeView";
// import OnlineEditorViewModel from "./OnlineEditorViewModel";
// import {AtomTabbedPage} from "@web-atoms/core/dist/web/controls/AtomTabbedPage";

// /** Online Editor */
// export default class OnlineEditor extends AtomGridView {

//     public viewModel: OnlineEditorViewModel;

//     public create() {

//         this.viewModel = this.resolve(OnlineEditorViewModel);

//         this.render(<AtomGridView
//             style="position: absolute; left:0; right: 0; top:0; bottom:0"
//             rows="50, *"
//             columns="200, 5, *">

//             <header>
//                 <button
//                     eventClick={Bind.event(() => this.viewModel.save())}
//                     >Save</button>
//             </header>

//             <TreeView
//                 row="1"
//                 items={Bind.oneWay(() => this.viewModel.root.children)}
//                 selectedItem={Bind.twoWays(() => this.viewModel.selectedFile)}
//                 />

//             <AtomTabbedPage
//                 row="1"
//                 column="2"
//                 />

//         </AtomGridView>);
//     }

// }