hensei-web/components/Header/index.tsx

21 lines
389 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