قسّم وخلّي الأب يركّب

function ProductCard({ children }) {  return <div className="card">{children}</div>;}function ProductImage({ src }) {  return <img src={src} alt="" />;}function ProductInfo({ name, price }) {  return (    <div>      <h3>{name}</h3>      <p>{price}</p>    </div>  );}function AddToCartButton() {  return <button>Add to Cart</button>;}function FavoriteButton() {  return <button>♥</button>;}

function ProductListItem({ product }) {  return (    <ProductCard>      <ProductImage src={product.image} />      <ProductInfo        name={product.name}        price={product.price}      />      <FavoriteButton />      <AddToCartButton />    </ProductCard>  );}