import { useState } from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
const healthyFoods = {
breakfast: [
{ name: "Пророщенная пшеница", grams: 50 },
{ name: "Ягоды свежие", grams: 100 },
{ name: "Орехи (грецкие)", grams: 20 },
],
lunch: [
{ name: "Салат из свежих овощей", grams: 200 },
{ name: "Отварная киноа", grams: 100 },
{ name: "Филе рыбы на пару", grams: 150 },
],
dinner: [
{ name: "Тушеные овощи", grams: 150 },
{ name: "Гречка отварная", grams: 100 },
{ name: "Отварная чечевица", grams: 100 },
],
};
export default function HealthyFoodCalculator() {
const [calories, setCalories] = useState(2000);
const [result, setResult] = useState(null);
const calculatePortions = () => {
const ratio = calories / 2000;
const menu = {};
Object.keys(healthyFoods).forEach((meal) => {
menu[meal] = healthyFoods[meal].map((item) => ({
...item,
grams: Math.round(item.grams * ratio),
}));
});
setResult(menu);
};
return (
Калькулятор здорового питания
setCalories(Number(e.target.value))}
placeholder="Введите вашу суточную норму калорий"
/>
{result && (
{Object.entries(result).map(([meal, items]) => (
{meal}
{items.map((item, index) => (
-
{item.name}: {item.grams} г
))}
))}
);
}