import { useMemo, useState } from "react";

export default function ROIAnnualizer() {
const [percent, setPercent] = useState("4.23");
const [period, setPeriod] = useState("Monthly");
const [useTradingDays, setUseTradingDays] = useState(true);

const nPerYear = useMemo(() => {
switch (period) {
case “Daily”:
return useTradingDays ? 252 : 365;
case “Weekly”:
return 52;
case “Monthly”:
return 12;
case “Quarterly”:
return 4;
case “Yearly”:
return 1;
default:
return 12;
}
}, [period, useTradingDays]);

const r = useMemo(() => {
const p = parseFloat(percent || “0”);
return isFinite(p) ? p / 100 : 0;
}, [percent]);

const simple = useMemo(() => r * nPerYear, [r, nPerYear]);
const compound = useMemo(() => Math.pow(1 + r, nPerYear) – 1, [r, nPerYear]);

const fmt = (x) => (isFinite(x) ? (x * 100).toFixed(2) : “0.00”);

const handleReset = () => {
setPercent(“”);
setPeriod(“Monthly”);
setUseTradingDays(true);
};

return (

);
}