import { allProduct } from "@/lib/allProducts";
import React, { useEffect, useState } from "react";

export default function Products() {
  const [allProducts, setAllProducts] = useState<any>(null);
  useEffect(() => {
    const all = allProduct();
    all && Array.isArray(all) ? setAllProducts(all) : setAllProducts([]);
    setAllProducts;
  }, [allProducts]);
  return (
    <div>
      <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-4"></div>
    </div>
  );
}