import React from 'react';

interface IProp {
  size: number;
  className: string;
}

export default function CompleteCheckIcon({ className, size }: IProp) {
  return (
    <div className={className}>
      <svg width={size} viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M28.7733 40.4533C28.24 40.4533 27.7333 40.24 27.36 39.8666L20.9067 33.4133C20.1333 32.64 20.1333 31.36 20.9067 30.5866C21.68 29.8133 22.96 29.8133 23.7333 30.5866L28.7733 35.6266L40.24 24.16C41.0133 23.3866 42.2933 23.3866 43.0667 24.16C43.84 24.9333 43.84 26.2133 43.0667 26.9866L30.1867 39.8666C29.8133 40.24 29.3067 40.4533 28.7733 40.4533Z"
          fill="currentColor"
        />
        <path
          d="M32 60.6667C30.32 60.6667 28.64 60.1067 27.3333 58.9867L23.12 55.36C22.6933 54.9867 21.6267 54.6134 21.0667 54.6134H16.48C12.5333 54.6134 9.33335 51.4134 9.33335 47.4667V42.9067C9.33335 42.3467 8.96001 41.3067 8.58668 40.88L4.98668 36.64C2.80001 34.0534 2.80001 29.9734 4.98668 27.3867L8.58668 23.1467C8.96001 22.72 9.33335 21.68 9.33335 21.12V16.5334C9.33335 12.5867 12.5333 9.38671 16.48 9.38671H21.0933C21.6533 9.38671 22.72 8.98671 23.1467 8.64004L27.36 5.01337C29.9733 2.77337 34.0533 2.77337 36.6667 5.01337L40.88 8.64004C41.3067 9.01337 42.3733 9.38671 42.9333 9.38671H47.4667C51.4133 9.38671 54.6133 12.5867 54.6133 16.5334V21.0667C54.6133 21.6267 55.0134 22.6934 55.3867 23.12L59.0133 27.3334C61.2533 29.9467 61.2533 34.0267 59.0133 36.64L55.3867 40.8534C55.0134 41.28 54.6133 42.3467 54.6133 42.9067V47.44C54.6133 51.3867 51.4133 54.5867 47.4667 54.5867H42.9333C42.3733 54.5867 41.3067 54.9867 40.88 55.3334L36.6667 58.96C35.36 60.1067 33.68 60.6667 32 60.6667ZM16.48 13.3867C14.7467 13.3867 13.3333 14.8 13.3333 16.5334V21.0934C13.3333 22.6134 12.6133 24.56 11.6267 25.7067L8.02668 29.9467C7.09335 31.04 7.09335 32.9334 8.02668 34.0267L11.6267 38.2667C12.6133 39.44 13.3333 41.36 13.3333 42.88V47.44C13.3333 49.1734 14.7467 50.5867 16.48 50.5867H21.0933C22.64 50.5867 24.5867 51.3067 25.76 52.32L29.9733 55.9467C31.0667 56.88 32.9867 56.88 34.08 55.9467L38.2933 52.32C39.4667 51.3334 41.4133 50.5867 42.96 50.5867H47.4933C49.2267 50.5867 50.64 49.1734 50.64 47.44V42.9067C50.64 41.36 51.36 39.4134 52.3733 38.24L56 34.0267C56.9333 32.9334 56.9333 31.0134 56 29.92L52.3733 25.7067C51.36 24.5334 50.64 22.5867 50.64 21.04V16.5334C50.64 14.8 49.2267 13.3867 47.4933 13.3867H42.96C41.4133 13.3867 39.4667 12.6667 38.2933 11.6534L34.08 8.02671C32.9867 7.09337 31.0667 7.09337 29.9733 8.02671L25.76 11.68C24.5867 12.6667 22.6133 13.3867 21.0933 13.3867H16.48Z"
          fill="currentColor"
        />
      </svg>
    </div>
  );
}

CompleteCheckIcon.defaultProps = {
  size: 64,
  className: 'text-[#9AC9E3]'
};
