colouring-montreal/app/src/frontend/building/container-header.tsx
2020-02-03 22:36:51 +00:00

19 lines
509 B
TypeScript

import React from 'react';
interface ContainerHeaderProps {
cat?: string;
backLink: string;
title: string;
}
const ContainerHeader: React.FunctionComponent<ContainerHeaderProps> = (props) => (
<header className={`section-header view ${props.cat ? props.cat : ''} ${props.cat ? `background-${props.cat}` : ''}`}>
<h2 className="h2">{props.title}</h2>
<nav className="icon-buttons">
{props.children}
</nav>
</header>
);
export default ContainerHeader;