import type { SVGProps } from "react";

const ReactIcon = ({ grayscale, ...props }: SVGProps<SVGSVGElement> & { grayscale?: boolean }) => {
    const fillClass = grayscale ? "fill-fg-quaternary" : "fill-[#23B2E7]";

    return (
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
            <path
                d="M11.5718 10.0002C11.5718 10.8693 10.8673 11.5738 9.99821 11.5738C9.12914 11.5738 8.42462 10.8693 8.42462 10.0002C8.42462 9.13113 9.12914 8.42661 9.99821 8.42661C10.8673 8.42661 11.5718 9.13113 11.5718 10.0002Z"
                className={fillClass}
            />
            <path
                fillRule="evenodd"
                clipRule="evenodd"
                d="M9.99816 3.90253C9.7672 3.6821 9.53702 3.4786 9.3091 3.29336C8.64616 2.75457 7.98064 2.35245 7.35201 2.14908C6.72345 1.94573 6.07526 1.92554 5.52108 2.24549C4.9669 2.56545 4.66029 3.1369 4.52212 3.78292C4.38392 4.42901 4.39941 5.20643 4.53455 6.04994C4.58102 6.33996 4.64216 6.64106 4.71758 6.95131C4.41118 7.04112 4.11984 7.13872 3.84543 7.24349C3.04736 7.54821 2.36635 7.92351 1.87591 8.36623C1.38553 8.80891 1.04395 9.36016 1.04395 10.0001C1.04395 10.64 1.38553 11.1912 1.87591 11.6339C2.36635 12.0766 3.04736 12.4519 3.84543 12.7567C4.11983 12.8614 4.41117 12.959 4.71757 13.0488C4.64216 13.359 4.58102 13.6601 4.53457 13.9501C4.39942 14.7936 4.38394 15.571 4.52213 16.2171C4.66031 16.8631 4.96692 17.4346 5.5211 17.7545C6.07527 18.0745 6.72347 18.0543 7.35203 17.8509C7.98066 17.6476 8.64618 17.2454 9.30911 16.7066C9.53703 16.5214 9.7672 16.3179 9.99816 16.0975C10.2291 16.3179 10.4593 16.5214 10.6872 16.7066C11.3501 17.2454 12.0156 17.6475 12.6443 17.8509C13.2728 18.0543 13.921 18.0745 14.4752 17.7545C15.0294 17.4345 15.336 16.8631 15.4742 16.2171C15.6124 15.571 15.5969 14.7936 15.4617 13.95C15.4153 13.6601 15.3541 13.359 15.2787 13.0488C15.5851 12.959 15.8764 12.8614 16.1507 12.7567C16.9488 12.4519 17.6298 12.0766 18.1202 11.6339C18.6106 11.1912 18.9522 10.64 18.9522 10.0001C18.9522 9.36016 18.6106 8.80891 18.1202 8.36623C17.6298 7.92351 16.9488 7.54821 16.1507 7.24349C15.8764 7.13873 15.5851 7.04115 15.2787 6.95135C15.3541 6.64109 15.4153 6.33998 15.4618 6.04995C15.5969 5.20644 15.6124 4.42902 15.4742 3.78293C15.336 3.1369 15.0294 2.56545 14.4752 2.2455C13.921 1.92555 13.2729 1.94574 12.6443 2.14909C12.0157 2.35245 11.3501 2.75457 10.6872 3.29337C10.4593 3.47861 10.2291 3.6821 9.99816 3.90253ZM7.03774 3.12052C6.57097 2.96951 6.2484 3.00453 6.03158 3.12971C5.81477 3.25489 5.62315 3.51674 5.52054 3.99647C5.41794 4.47614 5.4191 5.11695 5.5427 5.88842C5.58427 6.14788 5.63918 6.419 5.70722 6.69995C6.38878 6.55129 7.12455 6.43747 7.89867 6.36372C8.34962 5.73015 8.8161 5.14984 9.28565 4.63389C9.07637 4.4345 8.86904 4.2514 8.66514 4.08568C8.05882 3.5929 7.50444 3.2715 7.03774 3.12052ZM9.99816 5.36812C9.74346 5.65037 9.48834 5.9544 9.23537 6.27833C9.48693 6.26992 9.74133 6.26564 9.99807 6.26564C10.2549 6.26564 10.5093 6.26992 10.7609 6.27833C10.508 5.9544 10.2529 5.65037 9.99816 5.36812ZM7.15636 7.47864C6.74939 7.53575 6.35857 7.60467 5.98683 7.68411C6.1039 8.04577 6.23963 8.41869 6.39366 8.7997C6.51217 8.57762 6.63566 8.35515 6.76405 8.13279C6.89241 7.91045 7.02331 7.69229 7.15636 7.47864ZM6.92782 10C7.14503 9.55245 7.38536 9.09866 7.64826 8.64329C7.91116 8.18795 8.18397 7.75296 8.46295 7.34108C8.95914 7.30541 9.47228 7.28665 9.99807 7.28665C10.5239 7.28665 11.0371 7.30542 11.5334 7.34109C11.8123 7.75296 12.0852 8.18795 12.348 8.64328C12.6109 9.09866 12.8513 9.55244 13.0685 10C12.8513 10.4476 12.611 10.9014 12.3481 11.3567C12.0851 11.8121 11.8123 12.2471 11.5333 12.6591C11.0371 12.6947 10.5239 12.7135 9.99807 12.7135C9.47231 12.7135 8.9592 12.6947 8.46303 12.6591C8.18402 12.2472 7.91117 11.8121 7.64825 11.3567C7.38535 10.9014 7.14503 10.4476 6.92782 10ZM5.79926 10C5.47607 9.29273 5.20676 8.59863 4.99471 7.93404C4.71737 8.01559 4.45512 8.1036 4.20963 8.19733C3.47971 8.47603 2.92417 8.79543 2.56007 9.12412C2.19591 9.45285 2.06495 9.74972 2.06495 10.0001C2.06495 10.2504 2.19591 10.5473 2.56007 10.876C2.92417 11.2047 3.47971 11.5241 4.20963 11.8028C4.45511 11.8965 4.71735 11.9845 4.99468 12.0661C5.20673 11.4015 5.47605 10.7073 5.79926 10ZM5.9868 12.316C6.10388 11.9543 6.23962 11.5814 6.39366 11.2003C6.51216 11.4224 6.63565 11.6449 6.76403 11.8672C6.89243 12.0896 7.02336 12.3078 7.15645 12.5215C6.74943 12.4644 6.35858 12.3955 5.9868 12.316ZM5.7072 13.3002C5.63918 13.5811 5.58428 13.8522 5.54272 14.1116C5.41912 14.8831 5.41796 15.5239 5.52056 16.0035C5.62317 16.4833 5.81479 16.7451 6.0316 16.8703C6.24841 16.9955 6.57099 17.0305 7.03776 16.8795C7.50446 16.7285 8.05884 16.4071 8.66516 15.9143C8.86905 15.7486 9.07637 15.5655 9.28565 15.3661C8.81613 14.8502 8.34968 14.27 7.89876 13.6364C7.1246 13.5627 6.3888 13.4489 5.7072 13.3002ZM10.7107 15.3661C10.9199 15.5655 11.1273 15.7486 11.3311 15.9143C11.9375 16.4071 12.4918 16.7285 12.9585 16.8795C13.4253 17.0305 13.7479 16.9955 13.9647 16.8703C14.1815 16.7451 14.3731 16.4833 14.4757 16.0035C14.5783 15.5239 14.5772 14.883 14.4536 14.1116C14.412 13.8521 14.3571 13.5811 14.2891 13.3002C13.6075 13.4488 12.8717 13.5627 12.0976 13.6364C11.6466 14.2699 11.1802 14.8502 10.7107 15.3661ZM10.7608 13.7218C10.5079 14.0457 10.2528 14.3497 9.99815 14.6319C9.74349 14.3497 9.48841 14.0457 9.23547 13.7218C9.487 13.7302 9.74136 13.7345 9.99807 13.7345C10.2548 13.7345 10.5093 13.7302 10.7608 13.7218ZM12.8399 12.5215C13.2469 12.4644 13.6377 12.3955 14.0095 12.316C13.8924 11.9543 13.7567 11.5814 13.6026 11.2003C13.4841 11.4224 13.3607 11.6449 13.2323 11.8672C13.1039 12.0896 12.973 12.3078 12.8399 12.5215ZM14.1971 10C14.5202 10.7073 14.7896 11.4015 15.0016 12.0661C15.2789 11.9845 15.5411 11.8965 15.7865 11.8028C16.5164 11.5241 17.072 11.2047 17.4361 10.876C17.8002 10.5473 17.9312 10.2504 17.9312 10.0001C17.9312 9.74972 17.8002 9.45285 17.4361 9.12412C17.072 8.79543 16.5164 8.47603 15.7865 8.19733C15.5411 8.10362 15.2789 8.01562 15.0016 7.93408C14.7895 8.59866 14.5202 9.29274 14.1971 10ZM14.2891 6.69998C13.6075 6.55132 12.8718 6.43749 12.0977 6.36373C11.6467 5.73016 11.1802 5.14985 10.7107 4.63389C10.9199 4.43451 11.1273 4.25141 11.3312 4.08569C11.9375 3.59291 12.4919 3.27151 12.9586 3.12052C13.4253 2.96952 13.7479 3.00454 13.9647 3.12972C14.1815 3.2549 14.3732 3.51674 14.4758 3.99648C14.5784 4.47615 14.5772 5.11695 14.4536 5.88843C14.412 6.1479 14.3571 6.41902 14.2891 6.69998ZM14.0095 7.68414C13.8924 8.04579 13.7567 8.4187 13.6026 8.79969C13.4841 8.57761 13.3606 8.35515 13.2323 8.13278C13.1039 7.91045 12.973 7.69231 12.84 7.47867C13.2469 7.53578 13.6377 7.6047 14.0095 7.68414Z"
                className={fillClass}
            />
        </svg>
    );
};

export default ReactIcon;
