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, CardDescription, CardHeader, CardTitle } from "/components/ui/card" export default function RealEstateCalculator() { const [askingPrice, setAskingPrice] = useState('') const [renovationCosts, setRenovationCosts] = useState('') const [afterRepairValue, setAfterRepairValue] = useState('') const [profitPercentage, setProfitPercentage] = useState(null) const [estimatedProfit, setEstimatedProfit] = useState(null) const handleCalculate = () => { const askingPriceNum = typeof askingPrice === 'string' ? parseFloat(askingPrice) : askingPrice const renovationCostsNum = typeof renovationCosts === 'string' ? parseFloat(renovationCosts) : renovationCosts const afterRepairValueNum = typeof afterRepairValue === 'string' ? parseFloat(afterRepairValue) : afterRepairValue if (isNaN(askingPriceNum) || isNaN(renovationCostsNum) || isNaN(afterRepairValueNum)) { alert('Please enter valid numbers for all fields.') return } const closingCosts = afterRepairValueNum * 0.075 const totalCost = askingPriceNum + renovationCostsNum + closingCosts const profit = afterRepairValueNum - totalCost const profitPercentageCalc = (profit / totalCost) * 100 setProfitPercentage(profitPercentageCalc) setEstimatedProfit(profit) } const getProfitPercentageColor = (percentage: number | null): string => { if (percentage === null) return '' if (percentage >= 15) return 'text-green-500' if (percentage >= 10) return 'text-orange-500' return 'text-red-500' } return ( Real Estate Investment Calculator Calculate your potential profit from a real estate investment.

Current Asking Price setAskingPrice(e.target.value)} placeholder="Enter asking price" />

Estimated Renovation Costs setRenovationCosts(e.target.value)} placeholder="Enter renovation costs" />

After Repair Value (New Sales Price) setAfterRepairValue(e.target.value)} placeholder="Enter after repair value" />

{profitPercentage !== null && estimatedProfit !== null && (

Estimated Closing Costs (7.5% of After Repair Value)

${((typeof afterRepairValue === 'string' ? parseFloat(afterRepairValue) : afterRepairValue) * 0.075).toFixed(2)}

Profit Percentage

{profitPercentage.toFixed(2)}%

Estimated Profit

${estimatedProfit.toFixed(2)}

)} ) }