import React from 'react' ; import styled from '@emotion/styled' ; import { ScreenHelmet , useNavigator } from '@karrotframe/navigator' ; import ListItem from '../ListItem' ; const PageHome = ( ) => { const { push } = useNavigator ( ) ; return ( < Container > < ScreenHelmet title = "Spec" / > < ListItem onClick = { ( ) => { push ( '/screenHelmet' ) ; } } > { '<ScreenHelmet />' } < /ListItem> < ListItem onClick = { ( ) => { push ( '/push' ) ; } } > push ( ) < /ListItem> < ListItem onClick = { ( ) => { push ( '/pop' ) ; } } > pop ( ) < /ListItem> < ListItem onClick = { ( ) => { push ( '/replace' ) ; } } > replace ( ) < /ListItem> < ListItem onClick = { ( ) => { push ( '/useParams/1234' ) ; } } > useParams ( ) < /ListItem> < ListItem onClick = { ( ) => { push ( '/useQueryParams?hello=world' ) ; } } > useQueryParams ( ) < /ListItem> < ListItem onClick = { ( ) => { push ( '/tabs' ) ; } } > @ karrotframe /tabs < /ListItem> < ListItem onClick = { ( ) => { push ( '/pulltorefresh' ) ; } } > @ karrotframe /pulltorefresh < /ListItem> < /Container>); } ; const Container = styled . div `` ; export default PageHome ;