text: import React from "react";
  
  const Navbar = (props) => {
    const {showSidebar} = props
    return (
      <div className="px-4 h-16 flex justify-between w-full">
        <a href='https://www.binance.com/en' className="mx-2 flex items-center text-app-yellow h-full fill-current">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5120 1024" color="#F0B90B" className="w-29 logo">
            <path
              d="M230.997333 512L116.053333 626.986667 0 512l116.010667-116.010667L230.997333 512zM512 230.997333l197.973333 197.973334 116.053334-115.968L512 0 197.973333 314.026667l116.053334 115.968L512 230.997333z m395.989333 164.992L793.002667 512l116.010666 116.010667L1024.981333 512l-116.992-116.010667zM512 793.002667l-197.973333-198.997334-116.053334 116.010667L512 1024l314.026667-314.026667-116.053334-115.968L512 793.002667z m0-165.973334l116.010667-116.053333L512 396.032 395.989333 512 512 626.986667z m1220.010667 11.946667v-1.962667c0-75.008-40.021333-113.024-105.002667-138.026666 39.978667-21.973333 73.984-58.026667 73.984-121.002667v-1.962667c0-88.021333-70.997333-145.024-185.002667-145.024h-260.992v561.024h267.008c126.976 0.981333 210.005333-51.029333 210.005334-153.002666z m-154.026667-239.957333c0 41.984-34.005333 58.965333-89.002667 58.965333h-113.962666V338.986667h121.984c52.010667 0 80.981333 20.992 80.981333 58.026666v2.005334z m31.018667 224c0 41.984-32.981333 61.013333-87.04 61.013333h-146.944v-123.050667h142.976c63.018667 0 91.008 23.04 91.008 61.013334v1.024z m381.994666 169.984V230.997333h-123.989333v561.024h123.989333v0.981334z m664.021334 0V230.997333h-122.026667v346.026667l-262.997333-346.026667h-114.005334v561.024h122.026667v-356.010666l272 356.992h104.96z m683.946666 0L3098.026667 228.010667h-113.962667l-241.024 564.992h127.018667l50.986666-125.994667h237.013334l50.986666 125.994667h130.005334z m-224.981333-235.008h-148.992l75.008-181.973334 73.984 181.973334z m814.037333 235.008V230.997333h-122.026666v346.026667l-262.997334-346.026667h-114.005333v561.024h122.026667v-356.010666l272 356.992h104.96z m636.970667-91.008l-78.976-78.976c-44.032 39.978667-83.029333 65.962667-148.010667 65.962666-96 0-162.986667-80-162.986666-176v-2.986666c0-96 67.968-174.976 162.986666-174.976 55.978667 0 100.010667 23.978667 144 62.976l78.976-91.008c-51.968-50.986667-114.986667-86.997333-220.970666-86.997334-171.989333 0-292.992 130.986667-292.992 290.005334V512c0 160.981333 122.965333 288.981333 288 288.981333 107.989333 1.024 171.989333-36.992 229.973333-98.986666z m527.018667 91.008v-109.994667h-305.024v-118.016h265.002666v-109.994667h-265.002666V340.992h301.013333V230.997333h-422.997333v561.024h427.008v0.981334z"
              p-id="2935"></path>
          </svg>
        </a>
        <div className="w-8 h-8 my-auto flex md:hidden cursor-pointer" id="menu-btn" onClick={showSidebar}><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
          className="css-mykl4n hover:text-app-yellow">
          <path d="M22 4H2v2h20V4z" fill="currentColor"></path>
          <path d="M22 11H2v2h20v-2z" fill="currentColor"></path>
          <path d="M22 18H2v2h20v-2z" fill="currentColor"></path>
        </svg>
        </div>
        <div className="items-center h-full md:flex hidden gap-2 divide-x-2 px-2">
          <span className="text-gray-600 hover:text-app-yellow cursor-pointer select-lan text-sm">English</span>
          <button className="pl-2">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
              className="css-1gkzy2q w-4 text-gray-600 hover:text-app-yellow">
              <path fillRule="evenodd" clipRule="evenodd" d="M20.9677 12.7676C19.84 13.5449 18.4732 13.9999 17 13.9999C13.134 13.9999 10 10.8659 10 6.99994C10 5.52678 10.4551 4.15991 11.2323 3.03223C6.62108 3.42175 3 7.28797 3 11.9999C3 16.9705 7.02944 20.9999 12 20.9999C16.712 20.9999 20.5782 17.3789 20.9677 12.7676Z" fill="currentColor"></path>
            </svg>
          </button>
        </div>
      </div>
    );
  };
  
  export default Navbar;
  