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

function IconStarColorComponent(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-star_color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M11.6012 10.4449C11.7504 10.4449 11.8797 10.6903 11.9576 10.8375L11.9772 10.8737L12.1764 11.3502C12.3001 11.6456 12.5353 11.8798 12.8307 12.0035L13.3072 12.2037L13.3434 12.2223C13.4906 12.3012 13.7349 12.4305 13.735 12.5787C13.735 12.7281 13.4896 12.8573 13.3424 12.9352C13.3303 12.9415 13.3183 12.9483 13.3063 12.9547L12.8307 13.1539C12.5354 13.2775 12.3001 13.512 12.1764 13.8073L11.9772 14.2848L11.9576 14.3209C11.8787 14.4682 11.7494 14.7125 11.6012 14.7125C11.4521 14.7121 11.3235 14.4672 11.2457 14.319L11.2262 14.2838L11.027 13.8073C10.9033 13.512 10.6679 13.2776 10.3727 13.1539L9.8961 12.9547L9.85997 12.9352C9.71275 12.8562 9.46837 12.727 9.46837 12.5787C9.46841 12.4294 9.71374 12.3002 9.86095 12.2223L9.89708 12.2037L10.3727 12.0035C10.6681 11.8798 10.9032 11.6456 11.027 11.3502L11.2262 10.8737L11.2457 10.8375C11.3246 10.6893 11.4532 10.4454 11.6012 10.4449ZM6.53477 3.51135C6.8503 3.51176 7.12631 4.03269 7.29161 4.34729C7.30504 4.37223 7.31903 4.39666 7.33263 4.42151L7.75548 5.4342C8.01814 6.06159 8.51774 6.56119 9.14513 6.82385L10.1578 7.2467L10.2359 7.2887C10.5484 7.45504 11.0675 7.73003 11.068 8.04456C11.068 8.3603 10.5467 8.63701 10.233 8.80237L10.1578 8.84338L9.14513 9.26624C8.51783 9.52886 8.01817 10.0276 7.75548 10.6549L7.33263 11.6686L7.29063 11.7467C7.12428 12.0592 6.8493 12.5783 6.53477 12.5787C6.21908 12.5787 5.94233 12.0574 5.77696 11.7438L5.73692 11.6686L5.3131 10.6549C5.05034 10.0278 4.55149 9.52898 3.92442 9.26624L2.91075 8.84338L2.83263 8.80139C2.52006 8.63497 2.0006 8.35925 2.0006 8.04456C2.00105 7.72907 2.52203 7.45302 2.83556 7.28772L2.91075 7.2467L3.92442 6.82385C4.55163 6.56107 5.05037 6.06145 5.3131 5.4342L5.73692 4.42151L5.77794 4.34338C5.94436 4.03082 6.22008 3.51135 6.53477 3.51135ZM11.6012 0.950806C11.7622 0.950806 11.9025 1.23974 11.9772 1.37952L12.1764 1.8551C12.2999 2.15056 12.5352 2.38585 12.8307 2.5094L13.3063 2.70862C13.4471 2.78436 13.735 2.92458 13.735 3.08459C13.7347 3.24557 13.4459 3.38495 13.3072 3.45959L12.8307 3.65979C12.5352 3.78353 12.3001 4.01766 12.1764 4.31311L11.9772 4.7887C11.9014 4.92951 11.7612 5.21838 11.6012 5.21838C11.4403 5.2179 11.3008 4.92824 11.2262 4.78967L11.027 4.31311C10.9032 4.01768 10.6681 3.78355 10.3727 3.65979L9.89708 3.45959C9.75633 3.38389 9.46865 3.24451 9.46837 3.08459C9.46837 2.92351 9.75742 2.78329 9.8961 2.70862L10.3727 2.5094C10.6681 2.38575 10.9033 2.15049 11.027 1.8551L11.2262 1.37952C11.3019 1.23877 11.4414 0.951291 11.6012 0.950806Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_407e4af562__paint0_linear_5838_20862)'}/><defs><linearGradient id="svg_407e4af562__paint0_linear_5838_20862" x1=".743" y1="-.032" x2="17.695" y2="12.997" gradientUnits="userSpaceOnUse"><stop stopColor="#9534FF"/><stop offset="1" stopColor="#54CAFF"/></linearGradient></defs></svg>;
}

const IconStarColor = React.forwardRef(IconStarColorComponent);
export default IconStarColor;
