import type { Playbill, Species } from "@proscenium/playbill"; import { Section } from "./base/section"; import { AbilityCard } from "./ability"; import { HTML } from "./base/html"; interface SpeciesSectionProps { species: Species; playbill: Playbill; } export function SpeciesSection({ species, playbill }: SpeciesSectionProps) { const hpString = species.hp >= 0 ? `+${species.hp}` : `-${species.hp}`; const apString = species.ap >= 0 ? `+${species.ap}` : `-${species.ap}`; const epString = species.ep >= 0 ? `+${species.ep}` : `-${species.ep}`; const hasAbilities = species.abilities.length > 0; const abilitySection = hasAbilities ? (

Innate Abilities

{species.abilities.map((abilityId) => { return ; })}

) : ""; const sectionContent = <>

HP

{hpString}

AP

{apString}

EP

{epString}

Muscle

{species.muscle}

Focus

{species.focus}

Knowledge

{species.knowledge}

Charm

{species.charm}

Cunning

{species.cunning}

Spark

{species.spark}

{abilitySection} return

Species

} >{sectionContent}

}