import { useState } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "/components/ui/card" import { Input } from "/components/ui/input" import { Label } from "/components/ui/label" export default function ResinaCalculator() { const [length, setLength] = useState('') const [width, setWidth] = useState('') const [thickness, setThickness] = useState('') const [density, setDensity] = useState('') const [result, setResult] = useState(null) const calculateResin = () => { // Convert all inputs to numbers const lengthNum = parseFloat(length) const widthNum = parseFloat(width) const thicknessNum = parseFloat(thickness) const densityNum = parseFloat(density) // Validate inputs if ([lengthNum, widthNum, thicknessNum, densityNum].some(isNaN) || [lengthNum, widthNum, thicknessNum, densityNum].some(n => n <= 0)) { setResult(null) return } // Calculate volume in cm³ (assuming inputs are in cm) const volume = lengthNum * widthNum * thicknessNum // Calculate grams of resin needed const grams = volume * densityNum setResult(grams) } const resetForm = () => { setLength('') setWidth('') setThickness('') setDensity('') setResult(null) } return ( Calculadora de Resina

Longitud (cm) setLength(e.target.value)} placeholder="Ingrese la longitud" min="0" step="0.1" />

Ancho (cm) setWidth(e.target.value)} placeholder="Ingrese el ancho" min="0" step="0.1" />

Espesor (cm) setThickness(e.target.value)} placeholder="Ingrese el espesor" min="0" step="0.1" />

Densidad (g/cm³) setDensity(e.target.value)} placeholder="Ingrese la densidad" min="0" step="0.01" />

{result !== null && (

Resultado:

Necesitas {result.toFixed(2)} gramos de resina

)} ) }