import React from "react" ; import { Meta , Story } from "@storybook/react" ; import { PlayerTitle } from "@creature-chess/models" ; import { LobbyPage } from "./LobbyPage" ; import { LobbyPageContextProvider } from "./LobbyPageContext" ; export default { title : "Pages/LobbyPage" , component : LobbyPage , argTypes : { } } as Meta ; const lobbyInfo = { players : [ { id : "1234" , name : "Jeff" , profile : { picture : 20 , title : null } } , { id : "1234" , name : "William Pickle" , profile : { picture : 37 , title : PlayerTitle . HallOfFame } } ] , startingAtMs : Date . now ( ) + 60000 } ; const Template = ( args ) => ( < LobbyPageContextProvider value = { lobbyInfo } > < LobbyPage /> < /LobbyPageContextProvider>); export const Default = Template . bind ( { } ) ; Default . args = { } ;