From a4a52bd7fde75de1ea108870e9a8b111da9913fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rosinni=20Rodr=C3=ADguez?=
 <43686922+rosinni@users.noreply.github.com>
Date: Fri, 1 Nov 2024 22:08:39 +0000
Subject: [PATCH] solution

---
 home.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 home.js

diff --git a/home.js b/home.js
new file mode 100644
index 00000000..b6c3b66b
--- /dev/null
+++ b/home.js
@@ -0,0 +1,19 @@
+import React from "react";
+import {useState} from "react";
+
+const TrafficLight = () => {
+    const [ color, setColor] = useState("red");
+ 
+     return (
+         <div>
+             <div className="palito"></div>
+             <div className = "trafic-light">
+                 <div onClick={() => setColor("red")} className={"light red" + (color === "red" ? " brillo" : "" )}></div>
+                 <div onClick={() => setColor("yellow")} className={"light yellow" + (color === "yellow" ? " brillo" : "" )}></div>
+                 <div onClick={() => setColor("green")} className={"light green" + (color === "green" ? " brillo" : "" )}></div>
+             </div>
+         </div>
+     );
+ };
+
+ export default TrafficLight;
\ No newline at end of file