const BurgerMenu = ({size = 3}:{size?:number}) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={`${size}rem`}
      height={`${size}rem`}
      viewBox="0 0 24 24"
      fill="none"
      stroke="none"
      className="text-common-black cursor-pointer"
    >
      <g>
        <path
          d="M0 2H24L23.5 6H3L2 5L1.5 6H0V2Z"
          fill="currentColor"
        ></path>
        <path
          d="M0 9.5L12 10H24V10.5L23.5 11L24 11.5V14H17.5L17 13.5L15.5 14H0.5L0 9.5Z"
          fill="currentColor"
        ></path>
        <path
          d="M0 9.5L12 10H24V10.5L23.5 11L24 11.5V14H17.5L17 13.5L15.5 14H0.5L0 9.5Z"
          fill="currentColor"
         
        ></path>
        <path
          d="M0 18.5H3L3.5 19L4 18.5L24 18V22.5H19.5L19 22L18.5 22.5H0V18.5Z"
          fill="currentColor"
        ></path>
      </g>
    </svg>
  );
};

export default BurgerMenu;