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

function IconCreateFileComponent(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 || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-create-file${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 fillRule="evenodd" clipRule="evenodd" d="M9.625 0.583252L12.25 3.33325V6.99992H11.0833V4.09434L8.75 4.09462L8.74971 1.74992H2.91667V12.2499H7V13.4166H2.33333C2.01117 13.4166 1.75 13.1554 1.75 12.8333V1.16659C1.75 0.844419 2.01117 0.583252 2.33333 0.583252H9.625ZM10.7917 8.16659C10.9527 8.16659 11.0833 8.29717 11.0833 8.45825V9.91659H12.5417C12.7027 9.91659 12.8333 10.0472 12.8333 10.2083V10.7916C12.8333 10.9527 12.7027 11.0833 12.5417 11.0833H11.0833V12.5416C11.0833 12.7027 10.9527 12.8333 10.7917 12.8333H10.2083C10.0473 12.8333 9.91667 12.7027 9.91667 12.5416V11.0833H8.45833C8.29725 11.0833 8.16667 10.9527 8.16667 10.7916V10.2083C8.16667 10.0472 8.29725 9.91659 8.45833 9.91659H9.91667V8.45825C9.91667 8.29717 10.0473 8.16659 10.2083 8.16659H10.7917Z"/></svg>;
}

const IconCreateFile = React.forwardRef(IconCreateFileComponent);
export default IconCreateFile;
