const CardboardBoxColorfulContents = () => (
  <Box
    render={children => <Cardboard>{children}</Cardboard>}
  >
    {randomBoxColor => (
      <Shoes color={randomBoxColor} />
      <Hat color={randomBoxColor} />
    )}
  </Box>
);
export default CardboardBoxColorfulContents;

// `render` prop for replacing the rendering of <Box />
// `children` prop for rendering <Box />'s children