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
