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

function IconEditFilledComponent(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-edit-filled${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 49" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M26.5723 15.0084L34.5717 23.0078L13.3477 44.2317L6.94257 44.9388C5.76404 44.9388 4.7985 44.0268 4.71316 42.8701L4.70703 42.7032L5.41414 36.2982L26.5723 15.0084ZM37.647 6.73121L37.7933 6.86596L42.6422 11.7552C43.5113 12.6289 43.5095 14.0412 42.638 14.9126L41.8265 15.753L37.7328 19.8456L29.7211 11.835L33.0511 8.43842L34.6277 6.86181C35.4548 6.03472 36.7687 5.99119 37.647 6.73121Z"/></svg>;
}

const IconEditFilled = React.forwardRef(IconEditFilledComponent);
export default IconEditFilled;