import React, { useState, useEffect } from 'react'; import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'; const LeverageCalculator = () => { const [initialCapital, setInitialCapital] = useState(10000); const [maxLLTV, setMaxLLTV] = useState(0.965); const [usedLLTV, setUsedLLTV] = useState(0.94); const [borrowRate, setBorrowRate] = useState(0.10); const [lendingRate, setLendingRate] = useState(0.0398); const [morphoIncentive, setMorphoIncentive] = useState(0.05); const [shiftIncentive, setShiftIncentive] = useState(0.25); const [leverageData, setLeverageData] = useState([]); const calculateLeverageLoop = (initialAmount, loops) => { let totalCollateral = initialAmount; let totalBorrowed = 0; let currentAmount = initialAmount; for(let i = 0; i < loops; i++) { let borrowAmount = currentAmount * usedLLTV; totalBorrowed += borrowAmount; totalCollateral += borrowAmount; currentAmount = borrowAmount; } const healthFactor = totalCollateral / (totalBorrowed / maxLLTV); const borrowCost = totalBorrowed * borrowRate; const lendingReturn = totalCollateral * lendingRate; const morphoRewards = totalCollateral * morphoIncentive; const shiftRewards = totalCollateral * shiftIncentive; const netReturn = lendingReturn + morphoRewards + shiftRewards - borrowCost; const roi = netReturn / initialAmount * 100; return { totalCollateral, totalBorrowed, healthFactor, netReturn, roi, borrowCost, lendingReturn, morphoRewards, shiftRewards }; }; useEffect(() => { const scenarios = [1, 2, 3, 5, 7, 10, 15, 20].map(leverage => { const loops = leverage - 1; const results = calculateLeverageLoop(initialCapital, loops); return { leverage, ...results }; }); setLeverageData(scenarios); }, [initialCapital, maxLLTV, usedLLTV, borrowRate, lendingRate, morphoIncentive, shiftIncentive]); const formatUSD = (value) => `$${value.toFixed(2)}`; const formatPercent = (value) => `${value.toFixed(2)}%`; return (

csUSDL Leverage Calculator

Initial Capital ($) setInitialCapital(Number(e.target.value))} className="w-full p-2 border rounded" />

Used LLTV (%) setUsedLLTV(Number(e.target.value) / 100)} className="w-full p-2 border rounded" />

Borrow Rate (%) setBorrowRate(Number(e.target.value) / 100)} className="w-full p-2 border rounded" />

Lending Rate (%) setLendingRate(Number(e.target.value) / 100)} className="w-full p-2 border rounded" />

MORPHO Incentive (%) setMorphoIncentive(Number(e.target.value) / 100)} className="w-full p-2 border rounded" />

SHIFT Incentive (%) setShiftIncentive(Number(e.target.value) / 100)} className="w-full p-2 border rounded" />

{leverageData.map((data, index) => ( ))}

Leverage	Health Factor	Total Collateral	Total Borrowed	Annual Returns	Net ROI
{data.leverage}x	{data.healthFactor?.toFixed(4) \|\| 'N/A'}	{formatUSD(data.totalCollateral)}	{formatUSD(data.totalBorrowed)}	Lending: {formatUSD(data.lendingReturn)} MORPHO: {formatUSD(data.morphoRewards)} SHIFT: {formatUSD(data.shiftRewards)} Borrow Cost: -{formatUSD(data.borrowCost)} Net: {formatUSD(data.netReturn)}	{formatPercent(data.roi)}

); }; export default LeverageCalculator;