feat: add color-dropdown.jsx solution

Author: kaylakremer

solutions/color-dropdown.jsx

@@ -0,0 +1,21 @@
+import React, { useState } from "react"
+import { createRoot } from "react-dom/client"
+
+function ColorSelector() {
+    const colors = { red: "Red", blue: "Blue", green: "Green" }
+    const [color, setColor] = useState(colors.red)
+    const onChange = e => setColor(e.target.value)
+    return (
+        <>
+            <select onChange={onChange} value={color}>
+                <option value={colors.red}>{colors.red}</option>
+                <option value={colors.blue}>{colors.blue}</option>
+                <option value={colors.green}>{colors.green}</option>
+            </select>
+            {color && <p>{`You have selected: ${color}`}</p>}
+        </>
+    )
+}
+
+const root = createRoot(document.getElementById("root"))
+root.render(<ColorSelector />)