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

const RightRectangle = ({ className, onClick }: RightRectangleType) => {
  return (
    <svg
      width="180"
      height="64"
      viewBox="0 0 180 64"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <path
        d="M0 64L169.708 0.483501C170.562 0.163767 171.467 0 172.379 0C176.588 0 180 3.41188 180 7.62064V56C180 60.4183 176.418 64 172 64H0Z"
        fill="url(#paint0_linear_15787_31422)"
      />
      <defs>
        <linearGradient
          id="paint0_linear_15787_31422"
          x1="1.83673"
          y1="3.5"
          x2="184.064"
          y2="20.5415"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#00AC17" />
          <stop offset="1" stopColor="#004609" />
        </linearGradient>
      </defs>
    </svg>
  );
};

export default RightRectangle;
