<script>
  import { Router, Route } from "svelte-routing";
  import ImagesHome from "./images/Home.svelte";
  import ImagesComposed from "./images/Composed.svelte";
  import ImagesUpload from "./images/Upload.svelte";
  import UserSignIn from "./users/SignIn.svelte";
  import UserSignUp from "./users/SignUp.svelte";
  import Notifications from "svelte-notifications";
  import Nav from "./common/Nav.svelte";
  import "../node_modules/bulma/css/bulma.min.css";
  import "../node_modules/@creativebulma/bulma-tooltip/dist/bulma-tooltip.css";
</script>

<Notifications>
  <Router url="">
    <Nav />
    <div>
      <Route path="/" component={ImagesHome} />
      <Route path="/mega_memes" component={ImagesComposed} />
      <Route path="/upload" component={ImagesUpload} />
      <Route path="users/sign_in" component={UserSignIn} />
      <Route path="users/sign_up" component={UserSignUp} />
    </div>
  </Router>
</Notifications>
