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

function IconTaskIDComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-TaskID${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M12.667 1.33398C13.7714 1.33411 14.6669 2.22959 14.667 3.33398V12.668C14.6668 13.7723 13.7713 14.6678 12.667 14.668H3.33301C2.22878 14.6677 1.33325 13.7722 1.33301 12.668V3.33398C1.33312 2.22965 2.2287 1.33421 3.33301 1.33398H12.667ZM3.33301 2.66797C2.96508 2.66819 2.66711 2.96603 2.66699 3.33398V12.668C2.66723 13.0358 2.96516 13.3338 3.33301 13.334H12.667C13.0349 13.3339 13.3328 13.0359 13.333 12.668V3.33398C13.3329 2.96597 13.035 2.66809 12.667 2.66797H3.33301ZM5.11328 5.39062C5.2582 5.39062 5.39753 5.44831 5.5 5.55078C5.60244 5.65325 5.66016 5.79261 5.66016 5.9375V10.0664C5.66297 10.1399 5.65117 10.2135 5.625 10.2822C5.59883 10.3509 5.55879 10.4138 5.50781 10.4668C5.45686 10.5197 5.39571 10.5621 5.32812 10.5908C5.26055 10.6196 5.18769 10.6338 5.11426 10.6338C5.04089 10.6338 4.96792 10.6195 4.90039 10.5908C4.83289 10.5621 4.77161 10.5196 4.7207 10.4668C4.66976 10.4139 4.62969 10.3509 4.60352 10.2822C4.57734 10.2135 4.56555 10.1399 4.56836 10.0664H4.56738V5.9375C4.56738 5.79259 4.62507 5.65325 4.72754 5.55078C4.82992 5.44845 4.96854 5.39072 5.11328 5.39062ZM7.56641 5.3877H8.98242C10.5351 5.3877 11.4325 6.3281 11.4326 7.96387C11.4326 9.66061 10.5457 10.6132 8.9834 10.6133H7.56738C7.39764 10.6133 7.23428 10.5458 7.11426 10.4258C6.99431 10.3058 6.92676 10.1423 6.92676 9.97266V6.02637C6.92683 5.85686 6.99447 5.69415 7.11426 5.57422C7.23428 5.4542 7.39764 5.38672 7.56738 5.38672L7.56641 5.3877ZM8.17969 6.32129C8.09185 6.32148 8.02051 6.39356 8.02051 6.48145V9.51953C8.02053 9.56194 8.0374 9.60283 8.06738 9.63281C8.09727 9.66252 8.13755 9.67959 8.17969 9.67969H8.80859C9.77499 9.67969 10.3174 9.08545 10.3174 7.98145C10.3172 6.9249 9.75647 6.32129 8.80859 6.32129H8.17969Z"/></svg>;
}

const IconTaskID = React.forwardRef(IconTaskIDComponent);
export default IconTaskID;
