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

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

    const prefix = prefixFromProps || prefixFromContext || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-star-4${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_660cb6fe74__clip0_1585_80713)"><path d="M13.9736 5.52051C14.7459 7.60747 16.3916 9.25304 18.4785 10.0254L23.8135 11.999L18.4785 13.9727C16.3916 14.745 14.7459 16.3907 13.9736 18.4775L12 23.8125L10.0264 18.4775C9.25401 16.3906 7.60845 14.7449 5.52148 13.9727L0.186523 11.999L5.52148 10.0254C7.60849 9.25309 9.25406 7.60751 10.0264 5.52051L12 0.185547L13.9736 5.52051ZM12 6.63965C10.9978 9.06873 9.06971 10.9968 6.64062 11.999C9.06939 13.0011 10.9976 14.9288 12 17.3574C13.0022 14.9291 14.9301 13.0012 17.3584 11.999C14.9298 10.9966 13.0021 9.06842 12 6.63965Z"/></g><defs><clipPath id="svg_660cb6fe74__clip0_1585_80713"><path d="M0 0H24V24H0z"/></clipPath></defs></svg>;
}

const IconStar4 = React.forwardRef(IconStar4Component);
export default IconStar4;
