import React from "react" ; import { QuickChatButton } from "./quickChatButton" ; import { QuickChatOption } from "@creature-chess/models" ; const QuickChatButtonArray = ( ) => { const quickChatArray = Object . values ( QuickChatOption ) ; return ( < div > < div className = "spacer" / > < div className = "quick-chat-button-container" > { Object . values ( quickChatArray ) . map ( chat => ( < QuickChatButton chatOption = { chat } key = { chat } / > ) ) } < /div> < /div>); } ; export { QuickChatButtonArray } ;