import React, { FC } from "react";
import { icons } from "../../../icons/icons";

export interface OpenMenuButtonProps {
  onClick?: () => void;
}

export const WishlistButton: FC<OpenMenuButtonProps> = ({ onClick }) => {
  return (
    <a
      className="tt hidden md:hidden lg:block 2xl:block h-[1.125rem]  w-[1.125rem] lg:h-[1.125rem] lg:w-[1.125rem] 2xl:h-[1.250vw] 2xl:w-[1.250vw]"
      onClick={onClick}
    >
      <label>
        <svg
          className="cursor-pointer w-full h-full stroke-graphite"
          width="100%"
          height="100%"
          viewBox="0 0 24 22"
          fill="none"
          role="img"
          aria-label="wishlist"
          xmlns="http://www.w3.org/2000/svg"
        >
          {icons.wishlist}
        </svg>
      </label>
    </a>
  );
};
export default WishlistButton;