First refactor of Tab to TSX. See #43

lib/gui/application.tsx

@@ -108,7 +108,16 @@ module Animate {
 				<div id="toolbar">
 					<Toolbar />
 				</div>
-				<div id="stage"></div>
+				<div id="stage">
+					<Tab>
+						<TabPane label="One">
+							<h2>One!</h2>
+						</TabPane>
+						<TabPane label="Two">
+							<h2>Two!</h2>
+						</TabPane>
+					</Tab>
+				</div>
 			</div>
 			}
 
@@ -180,7 +189,7 @@ module Animate {
 			PropertyGrid.getSingleton().projectReset();
 			Logger.getSingleton().clearItems();
             TreeViewScene.getSingleton().projectReset(user.project);
-            CanvasTab.getSingleton().projectReset();
+            //CanvasTab.getSingleton().projectReset();
 
 
 			//Must be called after reset

lib/gui/tab/tab-pane.tsx

@@ -0,0 +1,29 @@
+module Animate {
+
+    export interface ITabPaneProps {
+        label: string;
+    }
+
+	/**
+	 * A single page/pane/folder pair for use in a Tab
+	 */
+	export class TabPane extends React.Component<ITabPaneProps, any > {
+
+        /**
+         * Creates a new pane instance
+         */
+        constructor(props:ITabPaneProps) {
+            super(props);
+        }
+
+        /**
+         * Creates the component elements
+         * @returns {JSX.Element}
+         */
+        render(): JSX.Element {
+            return <div className="tab-page background">
+                {this.props.children}
+            </div>
+        }
+    }
+}