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

const GiftItemsAndBalanceBtnIcon = ({
  className,
  onClick,
  dimension,
}: GiftItemsAndBalanceBtnIconType) => {
  return (
    <svg
      width={dimension || "60"}
      height={dimension || "60"}
      viewBox="0 0 60 60"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <rect x="0.5" y="0.5" width="59" height="59" rx="29.5" fill="white" />
      <rect
        x="0.5"
        y="0.5"
        width="59"
        height="59"
        rx="29.5"
        stroke="url(#paint0_linear_1528_31188)"
      />
      <path
        d="M35.1562 40.6562C33.9374 40.6563 32.7305 40.4162 31.6045 39.9498C30.4784 39.4833 29.4553 38.7997 28.5934 37.9378C27.7316 37.076 27.0479 36.0528 26.5815 34.9268C26.1151 33.8007 25.875 32.5938 25.875 31.375C25.875 30.1562 26.1151 28.9493 26.5815 27.8232C27.0479 26.6972 27.7316 25.674 28.5934 24.8122C29.4553 23.9503 30.4784 23.2667 31.6045 22.8002C32.7305 22.3338 33.9374 22.0937 35.1562 22.0938"
        stroke="#FFC600"
        strokeLinecap="round"
      />
      <path
        d="M19.6875 22.0938V27.25M19.6875 40.6562V30.3438M17.1094 27.25H22.2656M22.7812 22.0938V26.5818C22.7812 31.5978 16.5938 31.5978 16.5938 26.5818V22.0938"
        stroke="#FFC600"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M31.375 31.25C31.375 28.6574 31.375 27.3608 32.1807 26.5557C32.9865 25.7507 34.2824 25.75 36.875 25.75H39.625C42.2176 25.75 43.5142 25.75 44.3192 26.5557C45.1243 27.3615 45.125 28.6574 45.125 31.25C45.125 33.8426 45.125 35.1392 44.3192 35.9442C43.5135 36.7493 42.2176 36.75 39.625 36.75H36.875C34.2824 36.75 32.9858 36.75 32.1807 35.9442C31.3757 35.1385 31.375 33.8426 31.375 31.25Z"
        stroke="#FFC600"
      />
      <g opacity="0.5">
        <path
          d="M36.875 34H34.125ZM39.625 34H38.5938ZM31.375 29.875H45.125Z"
          fill="white"
        />
        <path
          d="M36.875 34H34.125M39.625 34H38.5938M31.375 29.875H45.125"
          stroke="#FFC600"
          strokeLinecap="round"
        />
      </g>
      <defs>
        <linearGradient
          id="paint0_linear_1528_31188"
          x1="60"
          y1="-2.86102e-06"
          x2="-132"
          y2="194"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#FFFCF5" />
          <stop offset="0.454842" stopColor="#FFD466" />
        </linearGradient>
      </defs>
    </svg>
  );
};

export default GiftItemsAndBalanceBtnIcon;
