import React from "react"
import ReactDOM from "react-dom"

import StatPool from "../components/StatPool"
import { PlayerCharacter } from "../types"

interface PlayerCharacterProps extends PlayerCharacter { }

const PlayerCharacter = ({ name, concept, might, speed, intellect }: PlayerCharacterProps) => {
  return (<div>
    <h2>{name}</h2>
    <div className="columns c-2">
      <div>
        <div>{concept}</div>
      </div>

      <div>
        <StatPool name="Might" {...might} />
        <StatPool name="Speed" {...speed} />
        <StatPool name="Intellect" {...intellect} />
      </div>
    </div>
  </div>)
}

export default PlayerCharacter