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

function IconFillVIPComponent(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-fillVIP${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M10.7348 1.57959C10.9435 1.57976 11.1367 1.69153 11.2407 1.87256L13.1948 5.27686C13.3172 5.49021 13.2925 5.75735 13.1333 5.94482L7.17817 12.9497C7.085 13.0593 6.91491 13.0593 6.82173 12.9497L0.866651 5.94482C0.707405 5.75736 0.682678 5.4902 0.805128 5.27686L2.76021 1.87256C2.86427 1.6916 3.05729 1.57959 3.26607 1.57959H10.7348ZM4.66646 4.89014C4.34438 4.89024 4.08345 5.15202 4.08345 5.47412C4.08363 5.79607 4.34449 6.05703 4.66646 6.05713H9.33345C9.65544 6.05706 9.91628 5.79609 9.91646 5.47412C9.91646 5.152 9.65555 4.89021 9.33345 4.89014H4.66646Z"/></svg>;
}

const IconFillVIP = React.forwardRef(IconFillVIPComponent);
export default IconFillVIP;
