What is compound component pattern? Compound component pattern क्या है?

// Compound components - share state between related components
const Tab = ({ children }) => {
  const [activeTab, setActiveTab] = React.useState(0);
  
  return React.Children.map(children, (child) =>
    React.cloneElement(child, { activeTab, setActiveTab })
  );
};

Tab.Header = ({ children, activeTab, setActiveTab }) => {
  return <div>{children}</div>;
};

Tab.Body = ({ children, activeTab, setActiveTab }) => {
  return <div>{children}</div>;
};