import React from 'react' ; import { Flex , ButtonPrimary } from 'design' ; import * as Icons from 'design/Icon' ; import { useConsoleContext } from 'teleport/Console/consoleContextProvider' ; import * as stores from 'teleport/Console/stores' ; import Document from './../Document' ; import { colors } from '../colors' ; export default function DocumentBlank ( props ) { const { visible , doc } = props ; const ctx = useConsoleContext ( ) ; function onClick ( ) { ctx . gotoNodeTab ( doc . clusterId ) ; } return ( < Document visible = { visible } > < Flex flexDirection = "column" alignItems = "center" flex = "1" > < Icons . Cli fontSize = "256px" mt = "10" mb = "6" color = { colors . terminalDark } / > < ButtonPrimary onClick = { onClick } children = "Start a New Session" / > < /Flex> < /Document>); } type PropTypes = { visible : boolean ; doc : stores . DocumentBlank ; } ;