import React from "react";
import GridItem from "./GridItem";

export interface CategoryGridProps {
  items: {
    title: string,
    description: string,
    link? : string,
    image?: string,
    icon ?: string

  }[];
  className? : string
}

const CategoryGrid: React.FC<CategoryGridProps> = ({ items, className }) => {
  return (
    <div className="grid-container">
      {items.map((item, index) => (
        <GridItem key={index} title={item.title} description={item.description} link={item.link} icon={item.icon} image={item.image} className={className} />
      ))}
    </div>
  );
};

export default CategoryGrid;