import React, { useState } from 'react';

function Equation2D{
const [a, setA] = useState('');
const [b, setB] = useState('');
const [c, setC] = useState('');
const [solution, setSolution] = useState('');

const solveEquation2D = () => {

const A = parseFloat(a);
const B = parseFloat(b);
const C = parseFloat(c);

const discriminant = B * B - 4 * A * C;

if (A === 0) {
setSolution('Coefficient a doit être différent de zéro.');
} else if (discriminant < 0) {
setSolution('L\'équation n\'a pas de solution réelle.');
} else {
const x1 = (-B + Math.sqrt(discriminant)) / (2 * A);
const x2 = (-B - Math.sqrt(discriminant)) / (2 * A);
setSolution(`Les solutions de l'équation sont x1 = ${x1.toFixed(2)} et x2 = $
{x2.toFixed(2)}.`);
}
};

return (
<div>
<h2>Résolveur d'équation du second degré</h2>
<div>
<label>
Coefficient a:
<input type="number" value={a} onChange={(e) => setA(e.target.value)} />
</label>
</div>
<div>
<label>
Coefficient b:
<input type="number" value={b} onChange={(e) => setB(e.target.value)} />
</label>
</div>
<div>
<label>
Coefficient c:
<input type="number" value={c} onChange={(e) => setC(e.target.value)} />
</label>
</div>
<button onClick={solveQuadraticEquation}>Résoudre</button>
<div>{solution}</div>
</div>
);
};

export default Equation2D;