hensei-web/components/Header/index.tsx
Justin Edmund 2140208530 Added BottomHeader for new features
Previous Header was split into a base Header component and TopHeader.
2022-02-04 18:22:57 -08:00

21 lines
No EOL
437 B
TypeScript

import React from 'react'
import './index.scss'
interface Props {
position: 'top' | 'bottom'
left: JSX.Element,
right: JSX.Element
}
const Header = (props: Props) => {
return (
<nav className={`Header ${props.position}`}>
<div id="left">{ props.left }</div>
<div className="push" />
<div id="right">{ props.right }</div>
</nav>
)
}
export default Header