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

const LeftRectangle = ({ className, onClick }: LeftRectangleType) => {
  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="M180 64L10.2919 0.483501C9.43756 0.163767 8.53281 0 7.62064 0C3.41188 0 0 3.41188 0 7.62064V56C0 60.4183 3.58173 64 8 64H180Z"
        fill="url(#paint0_linear_15787_31424)"
      />
      <defs>
        <linearGradient
          id="paint0_linear_15787_31424"
          x1="178.163"
          y1="3.5"
          x2="-4.06413"
          y2="20.5415"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#00AC17" />
          <stop offset="1" stopColor="#004609" />
        </linearGradient>
      </defs>
    </svg>
  );
};

export default LeftRectangle;