"use client";
import CardCategoriesMobile from "@comp/Cards/CardCategoriesMobile/page";
import CardNormal from "@comp/Cards/CardNormal/page";
import AppContext from "@ctx/AppContext";
import React, { useContext } from "react";

const ListProductsMobile = (props) => {
  const CTX = useContext(AppContext);

  const products = CTX.state.products;

  return (
    <div className="grid xs:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5">
      <>{products && products.map((e) => <CardCategoriesMobile data={e} />)}</>
    </div>
  );
};

export default ListProductsMobile;
