import * as JSX from './jsx';

import { Page, GroupBox } from './components';

export default function Support() {
  return <Page>
    <GroupBox title="Support pages" style="width: 60%">
      <div style="display: flex; flex-direction: column">
        { /* note day: u have to actually add those routes in index-page.tsx */ }
        <a onclick={ () => JSX.navigate( "/models" ) }>Models</a>
        <a onclick={ () => JSX.navigate( "/tutorial" ) }>Tutorial</a>
        <a onclick={ () => JSX.navigate( "/api" ) }>API</a>
        <a onclick={ () => JSX.navigate( "/tos" ) }>ToS</a>
        <a href="https://twitter.com/axonbox">Contact</a>
      </div>
    </GroupBox>
  </Page>
}
