import { useState, useEffect } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "/components/ui/card" import { Input } from "/components/ui/input" import { Label } from "/components/ui/label" export default function NPVCalculator() { const [years, setYears] = useState(0) const [cashFlows, setCashFlows] = useState([]) const [discountRate, setDiscountRate] = useState(0) const [npv, setNpv] = useState(0) // Update cash flows array when number of years changes useEffect(() => { if (years > 0) { const newCashFlows = Array(years).fill(0) setCashFlows(newCashFlows) } else { setCashFlows([]) } }, [years]) // Calculate NPV whenever inputs change useEffect(() => { calculateNPV() }, [cashFlows, discountRate]) const handleYearChange = (e: React.ChangeEvent) => { const value = parseInt(e.target.value) if (!isNaN(value) && value >= 0) { setYears(value) } } const handleCashFlowChange = (index: number, value: string) => { const numValue = parseFloat(value) || 0 const newCashFlows = [...cashFlows] newCashFlows[index] = numValue setCashFlows(newCashFlows) } const handleDiscountRateChange = (e: React.ChangeEvent) => { const value = parseFloat(e.target.value) / 100 if (!isNaN(value)) { setDiscountRate(value) } } const calculateNPV = () => { let calculatedNPV = 0 for (let i = 0; i < cashFlows.length; i++) { const year = i + 1 calculatedNPV += cashFlows[i] / Math.pow(1 + discountRate, year) } setNpv(calculatedNPV) } const resetCalculator = () => { setYears(0) setCashFlows([]) setDiscountRate(0) } return ( NPV Calculator Calculate the Net Present Value of future cash flows in ₹

Number of Years

Discount Rate (%)

{years > 0 && (

Future Cash Flows (₹)

{cashFlows.map((flow, index) => (

Year {index + 1} handleCashFlowChange(index, e.target.value)} placeholder="0" />

))}

)}

Net Present Value

₹{npv.toLocaleString('en-IN', { maximumFractionDigits: 2 })}

) }