generic-template.js

const GenericTemplate = ({ children, hero }) => {
  return (
    <Container>
      <Header />
      {hero}
      {children}
      <Footer />
    </Container>
  )
}

//usage example
const MainTemplate = ({ children, hero }) => (
  <GenericTemplate hero={hero} children={children} />
)

const ChatTemplate = ({ children }) => (
  <GenericTemplate children={children} />
)