import { h, Component } from 'preact'
import { Route, Link } from 'react-router-dom'
import SampleRNNDatasets from './samplernn.datasets'
import SampleRNNInspect from './samplernn.inspect'
import SampleRNNLoss from './samplernn.loss'

function router () {
  return (
    <div>
      <Route exact path='/samplernn/loss/' component={SampleRNNLoss} />
      <Route exact path='/samplernn/inspect/' component={SampleRNNInspect} />
      <Route exact path='/samplernn/datasets/:id/' component={SampleRNNDatasets} />
      <Route exact path='/samplernn/datasets/new/' component={SampleRNNDatasets} />
    </div>
  )
}

function links(){
  return (
    <span>
      <span><Link to="/samplernn/datasets/">datasets</Link></span>
      <span><Link to="/samplernn/results/">results</Link></span>
    </span>
  )
}

export default {
  name: 'samplernn',
  router, links,
}