import MenuItemCard from './MenuItemCard';
import { type MenuCategory as MenuCategoryType } from '../types';

interface MenuCategoryProps {
  category: MenuCategoryType;
}

function MenuCategory({ category }: MenuCategoryProps) {
  return (
    <section className="mb-12">
      <h2 className="text-2xl font-bold text-gray-800 mb-6 pb-2 border-b-2 border-amber-300">
        {category.name}
      </h2>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-6">
        {category.items.map((item) => (
          <MenuItemCard key={item.id} item={item} />
        ))}
      </div>
    </section>
  );
}

export default MenuCategory;
