"use client"; import React, { useState } from 'react'; import { FaBitcoin } from 'react-icons/fa'; // Content configuration const content = { heading: "Bitcoin Mining Calculator", inputFields: [ { id: "hashRate", label: "Hash Rate (TH/s)", placeholder: "e.g., 100" }, { id: "powerConsumption", label: "Power Consumption (Watts)", placeholder: "e.g., 1500" }, { id: "electricityCost", label: "Electricity Cost (USD/kWh)", placeholder: "e.g., 0.12" } ], calculateButtonText: "Calculate", resultLabels: { btcPerDay: "BTC Earned per Day:", profitPerDay: "Profit per Day (USD):" }, errorMessage: "Please provide valid input values." }; // Theme configuration const theme = { gradientDirection: "to-tr", bgGradientFrom: "from-gray-950", bgGradientTo: "to-gray-900", headingGradientFrom: "from-yellow-400", headingGradientTo: "to-orange-500", cardBg: "bg-gray-800", inputBg: "bg-gray-900", inputTextColor: "text-gray-300", inputFocusRing: "focus:ring-orange-500", labelColor: "text-gray-300", buttonGradientFrom: "from-yellow-400", buttonGradientTo: "to-orange-500", buttonHoverFrom: "hover:from-yellow-500", buttonHoverTo: "hover:to-orange-600", buttonTextColor: "text-white", resultBtcColor: "text-yellow-400", resultProfitColor: "text-green-400", errorColor: "text-red-500", iconColor: "text-yellow-400" }; type CalculationResult = { btcPerDay: string; profitPerDay: string; } | string | null; const BTCCalculator: React.FC = () => { const [inputValues, setInputValues] = useState({ hashRate: '', powerConsumption: '', electricityCost: '' }); const [result, setResult] = useState(null); const handleInputChange = (e: React.ChangeEvent) => { setInputValues({ ...inputValues, [e.target.id]: e.target.value }); }; const handleCalculate = () => { const { hashRate, powerConsumption, electricityCost } = inputValues; const rate = parseFloat(hashRate); const power = parseFloat(powerConsumption); const cost = parseFloat(electricityCost); if (isNaN(rate) || isNaN(power) || isNaN(cost)) { setResult(content.errorMessage); return; } // Example calculation logic const btcPerDay = (rate * 0.000000001) / (power * cost); const profitPerDay = btcPerDay * 57000 - (power * 24 * cost); setResult({ btcPerDay: btcPerDay.toFixed(6), profitPerDay: profitPerDay.toFixed(2), }); }; return (

{content.heading}

{content.inputFields.map((field) => (

{field.label}

))}

{result && (

{typeof result === 'string' ? (

{result}

) : ( <>

{content.resultLabels.btcPerDay} {result.btcPerDay}

{content.resultLabels.profitPerDay} ${result.profitPerDay}

)}

); }; export default BTCCalculator;

Calculator Components

Bitcoin Calculator