import PrimaryButton from "./PrimaryButton";

interface MenuCardProps {
    dayNumber: number;
    dayName: string;
    menuItems: string[];
}

export default function MenuCards({
    dayNumber,
    dayName,
    menuItems,
}: MenuCardProps) {
    return (
        <div className="w-48 p-4 bg-babolygo-ocean rounded-lg shadow-lg">
            <div className="flex items-center mb-2">
                <div className="w-6 h-6 flex items-center justify-center bg-babolygo-pink text-white rounded-full mr-2">
                    {dayNumber}
                </div>
                <h1 className="text-lg font-bold">{dayName}</h1>
            </div>
            <div className="mb-4">
                {menuItems.map((item, index) => (
                    <div key={index}>{item}</div>
                ))}
            </div>
            <PrimaryButton children="Lemondás" />
        </div>
    );
}