What is render props pattern? Render props pattern क्या है?

// Render props - share logic via render function
function Mouse({ render }) {
  const [position, setPosition] = React.useState({ x: 0, y: 0 });
  
  return (
    <div onMouseMove={(e) => setPosition({ x: e.clientX, y: e.clientY })}>
      {render(position)}
    </div>
  );
}

// Usage
<Mouse render={({ x, y }) => (
  <h1>Mouse: {x}, {y}</h1>
)} />