import { useState } from 'react'; import { Button } from "/components/ui/button"; import { Input } from "/components/ui/input"; import { Label } from "/components/ui/label"; import { Card, CardContent, CardHeader, CardTitle, CardFooter } from "/components/ui/card"; import { Calendar, Clock } from 'lucide-react'; type Investment = { amount: number; date: string; }; export default function InvestmentReturnCalculator() { const [investments, setInvestments] = useState([{ amount: 0, date: '' }]); const [repaymentAmount, setRepaymentAmount] = useState(0); const [repaymentDate, setRepaymentDate] = useState(''); const [roi, setRoi] = useState(null); const [totalInvested, setTotalInvested] = useState(0); const [profit, setProfit] = useState(0); const addInvestment = () => { setInvestments([...investments, { amount: 0, date: '' }]); }; const removeInvestment = (index: number) => { const newInvestments = [...investments]; newInvestments.splice(index, 1); setInvestments(newInvestments); }; const handleInvestmentChange = (index: number, field: keyof Investment, value: string) => { const newInvestments = [...investments]; newInvestments[index] = { ...newInvestments[index], [field]: field === 'amount' ? parseFloat(value) || 0 : value }; setInvestments(newInvestments); }; const calculateROI = () => { // Calculate total invested amount const total = investments.reduce((sum, inv) => sum + inv.amount, 0); setTotalInvested(total); // Calculate profit const profit = repaymentAmount - total; setProfit(profit); // Calculate ROI if (total > 0) { const calculatedRoi = ((profit / total) * 100); setRoi(calculatedRoi); } else { setRoi(null); } }; const resetCalculator = () => { setInvestments([{ amount: 0, date: '' }]); setRepaymentAmount(0); setRepaymentDate(''); setRoi(null); setTotalInvested(0); setProfit(0); }; return (

Investment Return Calculator

Investment Installments

{investments.map((investment, index) => (

Amount handleInvestmentChange(index, 'amount', e.target.value)} placeholder="Investment amount" />

Date

handleInvestmentChange(index, 'date', e.target.value)} />

{investments.length > 1 && ( )}

))}

Repayment Details

Repayment Amount setRepaymentAmount(parseFloat(e.target.value) || 0)} placeholder="Total repayment amount" />

Repayment Date setRepaymentDate(e.target.value)} />

{roi !== null && (

Results

Total Invested

${totalInvested.toLocaleString()}

Profit

= 0 ? 'text-green-600' : 'text-red-600'}`}> ${profit.toLocaleString()}

ROI

= 0 ? 'text-green-600' : 'text-red-600'}`}> {roi.toFixed(2)}%

)}

Note: This calculator assumes all investments are made before the repayment date.

); }