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

function IconUnknownFileComponent(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-unknown-file${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 32 32" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#B3BAC5'} fillRule="evenodd" d="M8 2a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4V12L18 2H8Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="m14.428 21.18.028.21h2.782l-.031-.27c-.062-.536.1-.952.392-1.326.3-.385.732-.716 1.204-1.074l.052-.04c.9-.682 1.945-1.475 1.945-2.88 0-1.25-.502-2.212-1.354-2.855C18.6 12.31 17.434 12 16.118 12c-1.974 0-3.594.907-4.765 2.261l-.153.178 1.798 1.646.163-.17c.839-.874 1.665-1.325 2.656-1.325.669 0 1.174.145 1.505.39.321.236.501.582.501 1.05 0 .333-.18.635-.511.962a9.179 9.179 0 0 1-.834.695c-.13.101-.265.206-.402.316-.901.72-1.852 1.647-1.648 3.177Zm2.54-.032a2.22 2.22 0 0 1-.016-.241c-.004-1.082.847-1.729 1.724-2.394-.94.713-1.851 1.405-1.709 2.635Zm-2.95 3.152c0 1.054.763 1.818 1.816 1.818 1.018 0 1.798-.764 1.798-1.818 0-1.058-.784-1.8-1.798-1.8-1.03 0-1.816.74-1.816 1.8Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#D0D6DF'} d="m18 2 10 10h-6a4 4 0 0 1-4-4V2Z"/></svg>;
}

const IconUnknownFile = React.forwardRef(IconUnknownFileComponent);
export default IconUnknownFile;
