functional-css-composability.jsx

{/* Transcribed from https://twitter.com/jongold/status/740916331139244032 */}

function Box ({ children }) {
  return (
    <div className="flex p2 bg-blue white h4 bold">
      { children }
    <div>
  )
}

function Page({ }) {
  return (
    <div>
      <Box>Chillin</Box>
      <Box>With</Box>
      <Box>Boxes</Box>
    </div>
  )
}