import React from "react";

interface GithubIconProps {
  className?: string;
}

const DEFAULT_CLASSNAME = "text-icon";

const GithubIcon = ({ className }: GithubIconProps) => {
  return (
    <svg
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={[DEFAULT_CLASSNAME, className].filter(Boolean).join(" ")}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.99215 1C5.01972 1 1 5.04936 1 10.059C1 14.0634 3.57558 17.4531 7.14858 18.6528C7.5953 18.743 7.75893 18.4579 7.75893 18.2181C7.75893 18.008 7.74421 17.2882 7.74421 16.5381C5.24281 17.0782 4.72191 15.4582 4.72191 15.4582C4.31992 14.4083 3.7243 14.1385 3.7243 14.1385C2.90559 13.5836 3.78393 13.5836 3.78393 13.5836C4.69209 13.6436 5.16863 14.5134 5.16863 14.5134C5.97243 15.8932 7.26767 15.5033 7.78875 15.2633C7.86311 14.6784 8.10147 14.2734 8.35455 14.0485C6.35951 13.8385 4.26047 13.0586 4.26047 9.57893C4.26047 8.58905 4.61755 7.77918 5.18335 7.14932C5.09408 6.9244 4.78136 5.99433 5.27281 4.74952C5.27281 4.74952 6.03206 4.50951 7.74402 5.6794C8.47697 5.4811 9.23285 5.38023 9.99215 5.37938C10.7514 5.37938 11.5254 5.48448 12.2401 5.6794C13.9522 4.50951 14.7115 4.74952 14.7115 4.74952C15.2029 5.99433 14.89 6.9244 14.8008 7.14932C15.3815 7.77918 15.7238 8.58905 15.7238 9.57893C15.7238 13.0586 13.6248 13.8234 11.6148 14.0485C11.9425 14.3334 12.2252 14.8733 12.2252 15.7283C12.2252 16.9431 12.2105 17.918 12.2105 18.2179C12.2105 18.4579 12.3743 18.743 12.8208 18.653C16.3938 17.4529 18.9694 14.0634 18.9694 10.059C18.9841 5.04936 14.9497 1 9.99215 1Z"
        fill="currentColor"
      />
    </svg>
  );
};

export default GithubIcon;
