import React, { useState } from "react";
 
 const HoverColor = () => {
  const [bgColor, setBgColor] = useState("white");
 
  return (
  <div
  style={{ backgroundColor: bgColor, width: "200px", height: "100px" }}
  onMouseEnter={() => {
  // Change the background color to blue
  }}
  onMouseLeave={() => {
  // Reset the background color to white
  }}
  >
  Hover over me!
  </div>
  );
 };
 
 export default HoverColor;