import React from 'react' ; import { style } from 'typestyle' ; import { px , rgba } from 'csx' ; import Link from './Link' ; const NavBarStyle = style ( { '-webkit-app-region' : 'drag' , textAlign : 'center' , fontFamily : 'Helvetica' , fontWeight : 100 , fontSize : px ( 13 ) , lineHeight : px ( 38 ) , color : rgba ( 255 , 255 , 255 , 0.4 ) . toString ( ) , backgroundColor : rgba ( 12 , 12 , 12 , 0.6 ) . toString ( ) , } ) ; const NavBar = ( ) => ( < div className = { NavBarStyle } > < Link route = '/home' > Hello < /Link> < Link route = '/world' > World < /Link> < Link route = '/counter' > Counter < /Link> < /div>); export default NavBar ;