import ProductCard from "../ProductCard/ProductCard";

import { Product } from "@/types";

export default function MenuItems({ products }: { products: Array<Product> }) {
  return (
    <div className="main-container">
      <div className="boxed-content">
        <div className="menuItemWrapper">
          {products.map((product, i) => (
            <ProductCard key={i} product={product} />
          ))}
        </div>
      </div>
    </div>
  );
}