// ABOUTME: Dashboard panel showing nutrition guidance.
// ABOUTME: Displays seed cycling and macro recommendations.
import type { NutritionGuidance } from "@/types";

interface NutritionPanelProps {
  nutrition: NutritionGuidance;
}

export function NutritionPanel({ nutrition }: NutritionPanelProps) {
  return (
    <div className="rounded-lg border p-4">
      <h3 className="font-semibold mb-4">NUTRITION TODAY</h3>
      {nutrition.seedSwitchAlert && (
        <div className="mb-3 p-2 rounded bg-amber-100 dark:bg-amber-900 text-sm font-medium">
          {nutrition.seedSwitchAlert}
        </div>
      )}
      <ul className="space-y-2 text-sm">
        <li>🌱 {nutrition.seeds}</li>
        <li>🍽️ Carbs: {nutrition.carbRange}</li>
        <li>🥑 Keto: {nutrition.ketoGuidance}</li>
      </ul>
    </div>
  );
}