import type { SVGProps } from "react";

const GitHubIcon = ({ grayscale, ...props }: SVGProps<SVGSVGElement> & { grayscale?: boolean }) => {
    return (
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
            <path
                fillRule="evenodd"
                clipRule="evenodd"
                d="M10 1.95386C5.5816 1.95386 2 5.54106 2 9.96746C2 13.5075 4.292 16.5115 7.4712 17.5707C7.8712 17.6443 8.0168 17.3971 8.0168 17.1843C8.0168 16.9947 8.0104 16.4899 8.0064 15.8219C5.7808 16.3059 5.3112 14.7475 5.3112 14.7475C4.948 13.8211 4.4232 13.5747 4.4232 13.5747C3.6968 13.0787 4.4784 13.0883 4.4784 13.0883C5.2808 13.1443 5.7032 13.9139 5.7032 13.9139C6.4168 15.1379 7.576 14.7843 8.0312 14.5795C8.1048 14.0619 8.3112 13.7091 8.54 13.5091C6.764 13.3067 4.896 12.6187 4.896 9.54826C4.896 8.67386 5.208 7.95786 5.7192 7.39786C5.6368 7.19546 5.3624 6.38026 5.7976 5.27786C5.7976 5.27786 6.4696 5.06186 7.9976 6.09866C8.65021 5.92067 9.32355 5.83001 10 5.82906C10.68 5.83226 11.364 5.92106 12.0032 6.09866C13.5304 5.06186 14.2008 5.27706 14.2008 5.27706C14.6376 6.38026 14.3624 7.19546 14.2808 7.39786C14.7928 7.95786 15.1032 8.67386 15.1032 9.54826C15.1032 12.6267 13.232 13.3043 11.4504 13.5027C11.7376 13.7499 11.9928 14.2387 11.9928 14.9867C11.9928 16.0571 11.9832 16.9219 11.9832 17.1843C11.9832 17.3987 12.1272 17.6483 12.5336 17.5699C14.1266 17.0355 15.5115 16.0141 16.4924 14.6499C17.4733 13.2857 18.0007 11.6477 18 9.96746C18 5.54106 14.4176 1.95386 10 1.95386Z"
                className={grayscale ? "fill-fg-quaternary" : "fill-[#000]"}
            />
        </svg>
    );
};

export default GitHubIcon;
