import React from 'react' ; import { Router , Route } from 'teleport/components/Router' ; import { Flex } from 'design' ; import PlayerComponent from './Player' ; import { createMemoryHistory } from 'history' ; export default { title : 'Teleport/Player' , } ; export const Player = ( ) => { const history = createMemoryHistory ( { initialEntries : [ '/web/cluster/localhost/session/123' ] , initialIndex : 0 , } ) ; return ( < Router history = { history } > < Flex m = { - 3 } > < Route path = "/web/cluster/:clusterId/session/:sid" > < PlayerComponent /> < /Route> < /Flex> < /Router>); } ;