Passing Callback Functions via Child Component Props

import React, { useState } from 'react';
 
function ActionButton({ onCustomClick, label }) {
  return <button onClick={onCustomClick}>{label}</button>;
}
 
function ParentContainer() {
  const [count, setCount] = useState(0);
 
  const handleIncrement = () => {
    setCount(prev => prev + 1);
  };
 
  return (
    <div>
      <p>Total Clicks: {count}</p>
      <ActionButton onCustomClick={handleIncrement} label="Add Count" />
    </div>
  );
}
 
export default ParentContainer;