import React from "react"
import ReactDOM from "react-dom"
import { Link, Route, Routes, useParams } from "react-router-dom";

import PlayerCharacter from "./PlayerCharacter";

const PlayerListView = () => {
  let params = useParams();
  return (<div>
    <nav>
      <Link to="priat">Priat</Link> |
      <Link to="dorian">Dorian </Link> |
      <Link to="ember">Ember</Link> |
      <Link to="lise">Lise</Link>
    </nav>
    {params.name ? <PlayerCharacter name={params.name} /> : null }
  </div>);
}

export default PlayerListView