"use client";
import React from "react";
import { Image } from "antd";
import Brands from "@/components/brands";
import { useSelector } from "react-redux";

export default function TopBrands() {
  const { brands, error, loading } = useSelector(
    (state: { Brands: any }) => state.Brands
  );

  return (
    <div className="container px-4 mx-auto  ">
      {/* <p>Top Brands</p>
      <div className="flex justify-between flex-wrap">
        {brandsImg?.map((item) => (
          <img
            key={item?.id}
            src={item.src}
            alt="brand"
            className="!w-30 !m-2 object-contain"
          />
        ))}
      </div> */}
      <Brands showPagination={true} pageSize={30} />
    </div>
  );
}