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

function IconStar5Component(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-5${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}><path d="M12.2513 2.46465C12.3564 2.20661 12.7255 2.2202 12.8142 2.48432L14.3732 7.12838L10.6809 9.83514L21.4072 6.33242C21.6835 6.2422 21.9138 6.5583 21.7432 6.79365L16.4831 14.0518L19.388 21.4556C19.493 21.7233 19.1977 21.9711 18.9523 21.8212L11.7358 17.4141C11.7358 17.4141 13.8288 14.0861 13.8457 14.073C13.8286 14.0812 7.61779 19.9786 5.2171 22.2585C4.98682 22.4772 4.6224 22.2349 4.73339 21.9373C5.40676 20.1322 6.68868 16.7247 7.51606 14.7073C7.17217 14.6086 4.1762 13.4741 2.6295 12.8879C2.26966 12.7516 2.27928 12.3632 2.64698 12.2497C4.49011 11.6809 8.46755 10.4641 9.02168 10.272C10.4818 6.79628 11.7059 3.80426 12.2513 2.46465Z" fillOpacity="1"/></svg>;
}

const IconStar5 = React.forwardRef(IconStar5Component);
export default IconStar5;
