import React from "react";
import ProductCard from "./ProductCard";
import styles from "./Catalog.module.css";
import { useAppSelector } from "../../app/hooks";


const ProductGrid: React.FC = () => {
  const {items: products} = useAppSelector(p => p.products)

  return (
    <div className={styles.grid}>
      {products.map((p) => (
        <ProductCard key={p.id} product={p} />
      ))}
    </div>
  );
};

export default ProductGrid;