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

function IconPencilSimpleLineComponent(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 || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-PencilSimpleLine${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path opacity=".2" d="M42.0613 16.9387L36.5 22.5L26 12L31.5613 6.43875C31.8425 6.15766 32.2239 5.99976 32.6216 5.99976C33.0192 5.99976 33.4006 6.15766 33.6819 6.43875L42.0613 14.8125C42.2013 14.9519 42.3124 15.1175 42.3882 15.3C42.464 15.4824 42.5031 15.6781 42.5031 15.8756C42.5031 16.0732 42.464 16.2688 42.3882 16.4513C42.3124 16.6337 42.2013 16.7994 42.0613 16.9387Z" fill={useCurrentColor ? 'currentColor' : '#000'}/><path d="M43.1225 13.7564L34.7431 5.37892C34.4646 5.10027 34.1338 4.87923 33.7698 4.72843C33.4058 4.57762 33.0156 4.5 32.6216 4.5C32.2276 4.5 31.8374 4.57762 31.4734 4.72843C31.1093 4.87923 30.7786 5.10027 30.5 5.37892L7.37939 28.4995C7.0996 28.7771 6.87778 29.1075 6.72681 29.4716C6.57585 29.8356 6.49876 30.2261 6.50002 30.6202V38.9995C6.50002 39.7952 6.81609 40.5583 7.37869 41.1209C7.9413 41.6835 8.70437 41.9995 9.50001 41.9995H41C41.3978 41.9995 41.7794 41.8415 42.0607 41.5602C42.342 41.2789 42.5 40.8974 42.5 40.4995C42.5 40.1017 42.342 39.7202 42.0607 39.4389C41.7794 39.1576 41.3978 38.9995 41 38.9995H22.1225L43.1225 17.9995C43.4012 17.721 43.6222 17.3902 43.773 17.0262C43.9238 16.6622 44.0014 16.272 44.0014 15.878C44.0014 15.484 43.9238 15.0938 43.773 14.7298C43.6222 14.3658 43.4012 14.035 43.1225 13.7564ZM9.50001 30.6202L26 14.1202L34.3794 22.4995L17.8794 38.9995H9.50001V30.6202ZM36.5 20.3789L28.1225 11.9995L32.6225 7.49955L41 15.8789L36.5 20.3789Z" fill={useCurrentColor ? 'currentColor' : '#000'}/></svg>;
}

const IconPencilSimpleLine = React.forwardRef(IconPencilSimpleLineComponent);
export default IconPencilSimpleLine;
