import type { SVGProps } from "react";

const ClaudeIcon = ({ grayscale, ...props }: SVGProps<SVGSVGElement> & { grayscale?: boolean }) => {
    return (
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" {...props}>
            <path
                d="M4.68092 12.639L7.83292 10.879L7.88092 10.719L7.83292 10.639H7.67292L7.14492 10.607L5.35292 10.559L3.78492 10.479L2.26492 10.399L1.88092 10.319L1.54492 9.83902L1.57692 9.59902L1.89692 9.39102L2.36092 9.42302L3.36892 9.50302L4.88892 9.59902L5.99292 9.66302L7.62492 9.85502H7.88092L7.91292 9.74302L7.83292 9.67902L7.76892 9.61502L6.18492 8.55902L4.48892 7.43902L3.59292 6.78302L3.11292 6.46302L2.87292 6.14302L2.77692 5.47102L3.20892 4.99102L3.80092 5.03902L3.94492 5.07102L4.53692 5.53502L5.81692 6.51102L7.46492 7.75902L7.70492 7.95102L7.80092 7.88702L7.81692 7.83902L7.70492 7.66302L6.82492 5.99902L5.86492 4.33502L5.43292 3.64702L5.32092 3.23102C5.27292 3.07102 5.25692 2.91102 5.25692 2.75102L5.73692 2.07902L6.02492 1.99902L6.69692 2.09502L6.95292 2.31902L7.36892 3.27902L8.02492 4.76702L9.06492 6.78302L9.38492 7.39102L9.54492 7.93502L9.59292 8.09502H9.70492V8.01502L9.78492 6.86302L9.94492 5.47102L10.1049 3.67902L10.1529 3.16702L10.4089 2.55902L10.8889 2.23902L11.3049 2.41502L11.6249 2.87902L11.5769 3.16702L11.4009 4.39902L10.9849 6.33502L10.7449 7.64702H10.8889L11.0489 7.47102L11.7049 6.60702L12.8089 5.23102L13.2889 4.67102L13.8649 4.07902L14.2329 3.79102H14.9209L15.4169 4.54302L15.1929 5.32702L14.4889 6.22302L13.8969 6.97502L13.0489 8.11102L12.5369 9.02302L12.5849 9.08702H12.6969L14.6169 8.67102L15.6409 8.49502L16.8569 8.28702L17.4169 8.54302L17.4809 8.79902L17.2569 9.34302L15.9449 9.66302L14.4089 9.98302L12.1209 10.511L12.0889 10.527L12.1209 10.575L13.1449 10.671L13.5929 10.703H14.6809L16.6969 10.863L17.2249 11.183L17.5289 11.615L17.4809 11.935L16.6649 12.351L15.5769 12.095L13.0169 11.487L12.1529 11.279H12.0249V11.343L12.7609 12.063L14.0889 13.263L15.7849 14.815L15.8649 15.199L15.6569 15.519L15.4329 15.487L13.9609 14.367L13.3849 13.887L12.1049 12.799H12.0249V12.911L12.3129 13.343L13.8809 15.695L13.9609 16.415L13.8489 16.639L13.4329 16.799L13.0009 16.703L12.0729 15.423L11.1129 13.983L10.3609 12.671L10.2809 12.735L9.81692 17.567L9.60892 17.807L9.12892 17.999L8.72892 17.679L8.50492 17.199L8.72892 16.207L8.98492 14.927L9.19292 13.903L9.38492 12.639L9.49692 12.223V12.191H9.38492L8.42492 13.519L6.98492 15.487L5.83292 16.703L5.56092 16.815L5.08092 16.575L5.12892 16.127L5.38492 15.759L6.98492 13.711L7.94492 12.447L8.58492 11.711L8.56892 11.631H8.52092L4.29692 14.383L3.54492 14.479L3.22492 14.159L3.25692 13.679L3.41692 13.519L4.69692 12.639H4.68092Z"
                className={grayscale ? "fill-fg-quaternary" : "fill-[#D97757]"}
            />
        </svg>
    );
};

export default ClaudeIcon;
