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

function IconWkfTemplateComponent(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-wkf_template${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path fillRule="evenodd" d="M6.66665 1.33337C6.84346 1.33337 7.01303 1.40361 7.13805 1.52864C7.26307 1.65366 7.33331 1.82323 7.33331 2.00004V6.66671C7.33331 6.84352 7.26307 7.01309 7.13805 7.13811C7.01303 7.26314 6.84346 7.33337 6.66665 7.33337H1.99998C1.82317 7.33337 1.6536 7.26314 1.52858 7.13811C1.40355 7.01309 1.33331 6.84352 1.33331 6.66671V2.00004C1.33331 1.82323 1.40355 1.65366 1.52858 1.52864C1.6536 1.40361 1.82317 1.33337 1.99998 1.33337H6.66665ZM7.33331 9.33337C7.33331 9.15656 7.26307 8.98699 7.13805 8.86197C7.01303 8.73694 6.84346 8.66671 6.66665 8.66671H1.99998C1.82317 8.66671 1.6536 8.73694 1.52858 8.86197C1.40355 8.98699 1.33331 9.15656 1.33331 9.33337V14C1.33331 14.1769 1.40355 14.3464 1.52858 14.4714C1.6536 14.5965 1.82317 14.6667 1.99998 14.6667H6.66665C6.84346 14.6667 7.01303 14.5965 7.13805 14.4714C7.26307 14.3464 7.33331 14.1769 7.33331 14V9.33337ZM14.6666 9.33337C14.6666 9.15656 14.5964 8.98699 14.4714 8.86197C14.3464 8.73694 14.1768 8.66671 14 8.66671H9.33331C9.1565 8.66671 8.98693 8.73694 8.86191 8.86197C8.73688 8.98699 8.66665 9.15656 8.66665 9.33337V14C8.66665 14.1769 8.73688 14.3464 8.86191 14.4714C8.98693 14.5965 9.1565 14.6667 9.33331 14.6667H14C14.1768 14.6667 14.3464 14.5965 14.4714 14.4714C14.5964 14.3464 14.6666 14.1769 14.6666 14V9.33337ZM5.99998 10H2.66665V13.3334H5.99998V10ZM9.99998 10H13.3333V13.3334H9.99998V10ZM14.6666 2.00004C14.6666 1.82323 14.5964 1.65366 14.4714 1.52864C14.3464 1.40361 14.1768 1.33337 14 1.33337H9.33331C9.1565 1.33337 8.98693 1.40361 8.86191 1.52864C8.73688 1.65366 8.66665 1.82323 8.66665 2.00004V6.66671C8.66665 6.84352 8.73688 7.01309 8.86191 7.13811C8.98693 7.26314 9.1565 7.33337 9.33331 7.33337H14C14.1768 7.33337 14.3464 7.26314 14.4714 7.13811C14.5964 7.01309 14.6666 6.84352 14.6666 6.66671V2.00004ZM5.99998 2.66671H2.66665V6.00004H5.99998V2.66671ZM9.99998 2.66671H13.3333V6.00004H9.99998V2.66671Z" clipRule="evenodd"/></svg>;
}

const IconWkfTemplate = React.forwardRef(IconWkfTemplateComponent);
export default IconWkfTemplate;
