terrassumptions/client/src/components/util/HeaderAndFooter.jsx

import React from "react";
import styled from "styled-components";
import ApiInfo from "./ApiInfo";

const Container = styled.div`
  display: block;
  text-align: center;
`

export default ({ children}) => (
  <>
    <Container>
      <p>TerrAssumptions!</p>
      <hr/>
    </Container>
    {children}
    <Container>
      <hr/>
      <ApiInfo/>
    </Container>
  </>
);