What is a Higher-Order Component (HOC), and how is it used?

A Higher-Order Component (HOC) is a function that takes a component and returns a new one with enhanced behavior.

⚙️ Example

function withLogger(WrappedComponent) {
  return function Enhanced(props) {
    console.log('Props:', props);
    return <WrappedComponent {...props} />;
  };
}

✅ HOCs are useful for cross-cutting concerns like logging, permissions, or theming.