diff --git a/src/App.tsx b/src/App.tsx
index f6312e2..620b9ee 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,13 +1,20 @@
-import { React } from "./React";
+import { React, createElement, Fragment } from "./React";
 
-export function App({ numberOfTicks=5 }){
+export function App({ ticks=[0,1,2,3,4,5] }){
   return (
     <>
     <div class="header">
       <h1>Choose Probabilities</h1>
       <h5>X-Axis = Ticks, Y-Axis = Underlying Price</h5>
     </div>
-    <div class="chart"></div>
+    <div class="chart">
+      {ticks.map((tick)=>
+        <>
+        <label>T_{tick}</label>
+        <input key={tick} type="range" min="0" max="100" />
+        </>
+      )}
+    </div>
     </>
   );
 }
\ No newline at end of file
diff --git a/src/React.tsx b/src/React.tsx
index 559103a..f0e02b7 100644
--- a/src/React.tsx
+++ b/src/React.tsx
@@ -1,4 +1,6 @@
 import { createElement } from "inferno-create-element";
 import { Fragment } from "inferno";
 
-export const React = {createElement, Fragment};
\ No newline at end of file
+const React = {createElement, Fragment};
+export { createElement, Fragment, React };
+export default React;
\ No newline at end of file
diff --git a/src/index.tsx b/src/index.tsx
index c0cc581..1bf3540 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,6 +1,5 @@
 import { render } from "inferno";
 import { App } from "./App";
-import { React } from "./React";
-
+import {React, createElement} from "./React";
 
 render(<App />, document.getElementById("app"));
\ No newline at end of file