visions-vtt/kliento/src.backup/views/PlayerCharacter.tsx

27 lines
654 B
TypeScript

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