waku-web-chat/browser/views/Header.js

16 lines
486 B
JavaScript

import React from 'react'
import Logo from '../styles/libp2p-logo.svg'
export default function Header ({
started
}) {
return (
<header className='flex items-center pa2 bg-dark-blue'>
<a href='https://libp2p.io' title='home' className='w-50'>
<img className={started ? 'libp2p-on' : 'libp2p-off'} src={Logo} style={{ height: 50 }} />
</a>
<h1 className='w-50 ma0 tr f3 fw2 nexa white'><span className='fw7'>libp</span>p2p chat</h1>
</header>
)
}