import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconClaudeComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-claude${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_8bb75b3015__svg_8bb75b3015__clip0_3693_13887)"><g clipPath="url(#svg_8bb75b3015__svg_8bb75b3015__clip1_3693_13887)"><path d="M18.0523 15.2546L14.1335 13.0556L14.0679 12.8639L14.1335 12.758H14.3251L14.9808 12.7177L17.2201 12.6571L19.1619 12.5764L21.0432 12.4756L21.5173 12.3746L21.9611 11.7896L21.9157 11.497L21.5173 11.2298L20.9473 11.2802L19.6865 11.3659L17.7951 11.497L16.4232 11.5777L14.3907 11.7896H14.0679L14.0225 11.6584L14.1335 11.5777L14.2191 11.497L16.1761 10.1706L18.2944 8.76848L19.404 7.96148L20.0042 7.55292L20.3068 7.16965L20.4379 6.33245L19.8932 5.73222L19.1619 5.78272L18.9753 5.83315L18.2339 6.40304L16.6502 7.62872L14.5823 9.15175L14.2797 9.40389L14.1587 9.31813L14.1435 9.25767L14.2797 9.03066L15.4044 6.99813L16.6048 4.93027L17.1395 4.07284L17.2806 3.55844C17.3311 3.34654 17.3664 3.17004 17.3664 2.95315L16.746 2.11089L16.4031 2L15.5759 2.11097L15.2279 2.41354L14.7135 3.58872L13.8812 5.43977L12.5901 7.9565L12.2118 8.70296L12.0101 9.39393L11.9344 9.60576H11.8033V9.48467L11.6974 8.06747L11.5007 6.32739L11.309 4.08802L11.2434 3.45767L10.9307 2.70109L10.3104 2.29253L9.82623 2.52451L9.42778 3.09447L9.48327 3.46257L9.72031 5.00093L10.1843 7.41183L10.4869 9.02576H10.3104L10.1086 8.82397L9.2916 7.73961L7.91977 6.02475L7.31448 5.34389L6.6084 4.59237L6.15447 4.23432H5.29704L4.66669 5.17245L4.94903 6.14078L5.83167 7.26047L6.56304 8.20864L7.61206 9.62086L8.26778 10.7507L8.20724 10.8414L8.05082 10.8263L5.68039 10.3219L4.3993 10.0899L2.87113 9.82763L2.18008 10.1504L2.10451 10.4783L2.37689 11.1491L4.01097 11.5525L5.92755 11.9359L8.78218 12.6118L8.81751 12.637L8.77712 12.6874L7.49105 12.8084L6.94125 12.8387H5.59463L3.08802 13.0253L2.4323 13.4591L2.03891 13.9886L2.10451 14.3921L3.11323 14.9065L4.47494 14.5837L7.65238 13.8272L8.74187 13.5549H8.89315V13.6457L7.98529 14.5333L6.32093 16.0363L4.2379 17.9731L4.13206 18.4522L4.3993 18.8304L4.68179 18.7901L6.51261 17.4132L7.21868 16.7928L8.81751 15.4462H8.92335V15.5874L8.55525 16.1271L6.6084 19.0524L6.50755 19.9501L6.64872 20.2427L7.15307 20.4192L7.70794 20.3183L8.84778 18.7195L10.0229 16.9189L10.9711 15.305L11.0871 15.3706L11.6469 21.3977L11.9092 21.7053L12.5145 21.9373L13.0188 21.554L13.2861 20.9336L13.0188 19.708L12.696 18.1093L12.4338 16.8382L12.1967 15.2596L12.0555 14.7351L12.0656 14.6998L12.1816 14.7149L13.3718 16.349L15.1825 18.7952L16.6149 20.3284L16.9578 20.4646L17.553 20.1569L17.4975 19.6072L17.1647 19.118L15.1826 16.5962L13.9872 15.0326L13.2155 14.1299L13.2205 13.9987H13.2659L18.5315 17.4183L19.4697 17.5393L19.8732 17.1611L19.8227 16.5407L19.6311 16.3389L18.0474 15.2495L18.0523 15.2546Z" fill={useCurrentColor ? 'currentColor' : '#D97757'}/></g></g><defs><clipPath id="svg_8bb75b3015__svg_8bb75b3015__clip0_3693_13887"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M0 0H24V24H0z"/></clipPath><clipPath id="svg_8bb75b3015__svg_8bb75b3015__clip1_3693_13887"><path fill={useCurrentColor ? 'currentColor' : '#fff'} transform="matrix(-1 0 0 1 22 2)" d="M0 0H20V20H0z"/></clipPath></defs></svg>;
}

const IconClaude = React.forwardRef(IconClaudeComponent);
export default IconClaude;
