import puer from "react-puer";
 
const Component = props => {
  const { children, render, ...prop } = props;
 
  return puer({ children, render }, prop);
};
 
// render
<Component
  name="Emerson"
  lastName="Laurentino"
  render={({ name, lastName }) => `Hi, i'm ${name} ${lastName} :)`}
/>
 
// children
<Component name="Emerson" lastName="Laurentino">
  {({ name, lastName }) => `Hi, i'm ${name} ${lastName} :)`}
</Component>