import { useState } from 'react'; import { Card, CardContent, CardHeader, CardTitle } from "/components/ui/card"; import { Button } from "/components/ui/button"; import { Input } from "/components/ui/input"; import { Label } from "/components/ui/label"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "/components/ui/select"; export default function IceCreamCalculator() { const [currency, setCurrency] = useState('NGN'); const [dailySavings, setDailySavings] = useState(0); const [monthlySavings, setMonthlySavings] = useState(0); const [yearlySavings, setYearlySavings] = useState(0); const [investments, setInvestments] = useState({ treasuryBill: 0, moneyMarket: 0, realEstate: 0, dollarInvestment: 0, }); const handleCurrencyChange = (value: string) => { setCurrency(value); }; const handleDailySavingsChange = (e: React.ChangeEvent) => { const value = parseFloat(e.target.value); setDailySavings(value); setMonthlySavings(value * 30); setYearlySavings(value * 365); }; const handleInvestmentChange = (e: React.ChangeEvent) => { const { name, value } = e.target; setInvestments((prevInvestments) => ({ ...prevInvestments, [name]: parseFloat(value) })); }; return (

IceCream- Savings Calculator

Currency

Daily Savings ({currency})

Savings Overview

Monthly Savings: {monthlySavings.toFixed(2)} {currency}

Yearly Savings: {yearlySavings.toFixed(2)} {currency}

Investment Breakdown

Treasury Bill ({currency})

Money Market ({currency})

Real Estate ({currency})

Dollar Investment ({currency})

Total Investments: {Object.values(investments).reduce((a, b) => a + b, 0).toFixed(2)} {currency}

); }