import React from "react";
import ReactDOM from "react-dom";
import { Router, Route } from "react-router";
import App from "./app";
import AreaDocs from "./victory-area/docs";
import AxisDocs from "./victory-axis/docs";
import BarDocs from "./victory-bar/docs";
import ChartDocs from "./victory-chart/docs";
import LineDocs from "./victory-line/docs";
import ScatterDocs from "./victory-scatter/docs";

const content = document.getElementById("content");

ReactDOM.render((
  <Router>
    <Route path="/" component={App}>
      <Route path="area" component={AreaDocs}/>
      <Route path="axis" component={AxisDocs}/>
      <Route path="bar" component={BarDocs}/>
      <Route path="chart" component={ChartDocs}/>
      <Route path="line" component={LineDocs}/>
      <Route path="scatter" component={ScatterDocs}/>
    </Route>
  </Router>
), content);