hensei-web/components/Header/index.tsx

21 lines
397 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;