import React, { useState } from "react";

export default function App() {
  const Colors = ["red", "green"];
  return (
    

      
Hello CodeSandbox
      
Start editing to see some magic happen!
      {Colors.map((color, key) => (
        
      ))}
    
  );
}

function Button({ Color, Colors }) {
  const [color, setColor] = useState(Color);
  const handleChange = (e) => {
    e.preventDefault();
    setColor(Colors[Math.floor(Math.random() * Colors.length)]);
  };
  const style = {
    backgroundColor: color
  };
  return (
    
      Click Me!
    
  );
}