import React from "react" ; import { KifuTreeNode } from "../models" ; export type ForkListItemProps = { childNode : KifuTreeNode ; onClick : React . MouseEventHandler ; } ; export const ForkListItem = ( { childNode , onClick } ) => { return ( < li onClick = { onClick } className = { childNode . isBad ( ) ? "bad" : "" } > { childNode . readableKifu } < span className = "comment" > { childNode . comment } < /span> < /li>); } ;