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

function IconUnknownSmallColorComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-unknown_small_color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_4420f3edb3__clip0_1948_7890)"><path d="M13.9957 2.77828e-10L18.1821 4.1864V16.7536C18.1821 17.8903 18.1822 18.4589 17.961 18.8931C17.7665 19.2749 17.4559 19.5854 17.0741 19.78C16.6399 20.0012 16.0713 20.0011 14.9346 20.0011H5.06489C3.92818 20.0011 3.35959 20.0012 2.92541 19.78C2.54359 19.5854 2.23302 19.2749 2.03846 18.8931C1.81726 18.4589 1.81738 17.8903 1.81738 16.7536V3.24751C1.81738 2.11079 1.81723 1.5422 2.03846 1.10803C2.23304 0.726201 2.54358 0.415654 2.92541 0.221073C3.35959 -0.000150539 3.92818 3.5823e-10 5.06489 2.77828e-10H13.9957Z" fill={useCurrentColor ? 'currentColor' : '#C8B5A5'}/><path d="M15.6195 4.1864C15.0514 4.1864 14.7672 4.1864 14.5501 4.07586C14.3592 3.97861 14.2039 3.82322 14.1066 3.63239C13.996 3.41529 13.9961 3.13069 13.9961 2.56231L13.9961 0L18.1825 4.1864L15.6195 4.1864Z" fill={useCurrentColor ? 'currentColor' : '#fff'} fillOpacity=".5"/></g><defs><clipPath id="svg_4420f3edb3__clip0_1948_7890"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M0 0H20V20H0z"/></clipPath></defs></svg>;
}

const IconUnknownSmallColor = React.forwardRef(IconUnknownSmallColorComponent);
export default IconUnknownSmallColor;
