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

interface StatPoolProps {
  name: string;
  value: number;
  max: number;
  edge: number;
}

const StatPool = styled.div`
  border: 1px solid black;
`

const render = ({ name, value, max, edge }: StatPoolProps) => (<StatPool>
  <div>{value} / {max}</div> <div>{edge}</div>
</StatPool>)

export default render
