2021-12-29 02:13:49 +00:00
|
|
|
import React from "react"
|
|
|
|
import ReactDOM from "react-dom"
|
|
|
|
|
|
|
|
import StatPool from "../components/StatPool"
|
|
|
|
import { PlayerCharacter } from "../types"
|
|
|
|
|
|
|
|
interface PlayerCharacterProps extends PlayerCharacter { }
|
|
|
|
|
2021-12-29 05:28:02 +00:00
|
|
|
const PlayerCharacter = ({ name, concept, might, speed, intellect }: PlayerCharacterProps) => {
|
2021-12-29 02:13:49 +00:00
|
|
|
return (<div>
|
|
|
|
<h2>{name}</h2>
|
|
|
|
<div className="columns c-2">
|
|
|
|
<div>
|
2021-12-29 05:28:02 +00:00
|
|
|
<div>{concept}</div>
|
2021-12-29 02:13:49 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<StatPool name="Might" {...might} />
|
|
|
|
<StatPool name="Speed" {...speed} />
|
|
|
|
<StatPool name="Intellect" {...intellect} />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default PlayerCharacter
|