interface SendGiftIconType {
  className?: string;
  onClick?: () => void;
}

const SendGiftIcon = ({ className, onClick }: SendGiftIconType) => {
  return (
    <svg
      width="40"
      height="40"
      viewBox="0 0 40 40"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <mask
        id="mask0_2347_27464"
        style={{ maskType: "luminance" }}
        maskUnits="userSpaceOnUse"
        x="0"
        y="0"
        width="40"
        height="40"
      >
        <path d="M0 3.8147e-06H40V40H0V3.8147e-06Z" fill="white" />
      </mask>
      <g mask="url(#mask0_2347_27464)">
        <path
          d="M19.9998 6.53491H29.858C30.6208 5.77218 31.0484 5.3446 31.8112 4.58179V2.53913C31.0484 1.77632 30.6208 1.34866 29.858 0.586006H22.7994L20 3.38546L19.9998 6.53491Z"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M20 3.3854L17.2006 0.585946H10.142C9.37923 1.34868 8.95158 1.77626 8.18884 2.53907V4.58173C8.95158 5.34454 9.37923 5.77219 10.142 6.53485H19.9998L20 3.3854Z"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M21.9531 4.19452L23.6085 2.53913H29.5313"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
          strokeDasharray="20 13.33 20 13.33 733.33 20 13.33 20"
        />
        <path
          d="M14.1233 6.53488L9.26746 11.3907L11.6353 12.0457L12.2058 14.3291L20 6.53488H14.1233Z"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M25.8767 6.53495L30.778 11.4363L28.4102 12.0913L27.8398 14.3746L20 6.53487L25.8767 6.53495Z"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M16.2648 12.2232V14.349H23.7352V12.2232"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M29.783 8.48804H37.8906"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
          strokeDasharray="20 13.33 20 13.33 733.33 20 13.33 20"
        />
        <path
          d="M29.4828 26.7845H20.0837"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M29.4828 30.2094H20.0837"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M27.2941 33.6341H20.0837"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M28.7196 23.3597C29.0177 23.6577 29.1848 23.8249 29.4828 24.1229V26.0213L28.7196 26.7845H30.2734C30.5713 27.0825 30.7385 27.2496 31.0365 27.5476V29.4462C30.7385 29.7442 30.5713 29.9113 30.2734 30.2094H28.7196L29.4828 30.9724V32.871C29.1848 33.1691 29.0177 33.3361 28.7196 33.6341H26.531L27.2941 34.3973V35.8029C26.996 36.1009 26.829 36.2681 26.531 36.5661H9.5226L6.4058 33.4188H5.27533V23.3597H6.39056L12.9948 16.783C13.6261 16.7836 13.9807 16.7839 14.612 16.7845L16.1986 18.3711V19.9899L12.8288 23.3597H28.7196Z"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M0.585938 34.2003H5.27531V22.5782H0.585938V34.2003Z"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
        />
        <path
          d="M10.3895 34.4875H18.1559"
          stroke="#333333"
          strokeWidth="1.5"
          strokeMiterlimit="10"
          strokeDasharray="20 13.33 20 13.33 733.33 20 13.33 20"
        />
      </g>
    </svg>
  );
};

export default SendGiftIcon;