<div id="app"></div>
<div id="app-two"></div>

import React from 'https://cdn.skypack.dev/react'
import { render } from 'https://cdn.skypack.dev/react-dom'

const Time = ({ children }) => <h1>{`Time: ${children}`}</h1>
const Text = ({ children }) => <h2>{children}</h2>

const App = ({ message, messageRenderer: Renderer }) => <Renderer>{message}</Renderer>

render(<App message={`${Date.now()}`} messageRenderer={Time} />, document.getElementById('app'))
render(<App message="The Time 👆" messageRenderer={Text} />, document.getElementById('app-two'))