import React, { useState } from "react";

const MoreInfo = () => {
  const [isHovered, setIsHovered] = useState(false);
  return (
    <div className=" border-none bg-transparent normal-case hover:border-none hover:bg-transparent">
      <div className=" w-auto">
        <svg
          className="relative w-[1.3rem] lg:w-6"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
        >
          <path
            fill="#FFFFFF"
            d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"
          />
        </svg>
      </div>
    </div>
  );
};

export default MoreInfo;