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

const GiftBalanceBtnIcon = ({
  className,
  onClick,
  dimension,
}: GiftBalanceBtnIconType) => {
  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_31202)"
      />
      <path
        d="M16.25 30C16.25 24.8149 16.25 22.2216 17.8615 20.6115C19.473 19.0014 22.0649 19 27.25 19H32.75C37.9351 19 40.5284 19 42.1385 20.6115C43.7486 22.223 43.75 24.8149 43.75 30C43.75 35.1851 43.75 37.7784 42.1385 39.3885C40.527 40.9986 37.9351 41 32.75 41H27.25C22.0649 41 19.4716 41 17.8615 39.3885C16.2514 37.777 16.25 35.1851 16.25 30Z"
        stroke="#FFC600"
        strokeWidth="1.5"
      />
      <path
        opacity="0.5"
        d="M27.25 35.5H21.75M32.75 35.5H30.6875M16.25 27.25H43.75"
        stroke="#FFC600"
        strokeWidth="1.5"
        strokeLinecap="round"
      />
      <defs>
        <linearGradient
          id="paint0_linear_1528_31202"
          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 GiftBalanceBtnIcon;