import GridWrapper from "@/app/components/GridWrapper";
import ProductCard from "@/app/home/components/ProductCard";
import { type FC } from "react";
import { CATEGORY_PRODUCTS } from "../constants";

const CategoryProducts: FC = () => {
  return (
    <GridWrapper desktop={4} mobile={2} gapDesktop={24} gapMobile={12}>
      {CATEGORY_PRODUCTS.map((title, index) => (
        <ProductCard key={`${title}-${index}`} title={title} />
      ))}
    </GridWrapper>
  );
};

export default CategoryProducts;
