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

function IconCheckboxListComponent(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-checkbox-list${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="M4.60002 2.59999C4.04774 2.59999 3.60002 3.04771 3.60002 3.59999V12.4C3.60002 12.9523 4.04774 13.4 4.60002 13.4H11.4C11.9523 13.4 12.4 12.9523 12.4 12.4V7.99999V5.66274C12.4 5.39752 12.2947 5.14317 12.1071 4.95563L10.0444 2.89289C9.85685 2.70535 9.6025 2.59999 9.33728 2.59999H8.33336H4.60002ZM2.40002 3.59999C2.40002 2.38497 3.385 1.39999 4.60002 1.39999H8.33336H9.33728C9.92076 1.39999 10.4803 1.63178 10.8929 2.04436L12.9557 4.1071C13.3682 4.51968 13.6 5.07926 13.6 5.66274V7.99999V12.4C13.6 13.615 12.6151 14.6 11.4 14.6H4.60002C3.385 14.6 2.40002 13.615 2.40002 12.4V3.59999ZM8.43336 7.33333C8.43336 7.02037 8.68706 6.76666 9.00002 6.76666H11.0942C11.4071 6.76666 11.6608 7.02037 11.6608 7.33333C11.6608 7.64629 11.4071 7.89999 11.0942 7.89999H9.00002C8.68706 7.89999 8.43336 7.64629 8.43336 7.33333ZM9.00002 9.43333C8.68706 9.43333 8.43336 9.68703 8.43336 9.99999C8.43336 10.313 8.68706 10.5667 9.00002 10.5667H11.0942C11.4071 10.5667 11.6608 10.313 11.6608 9.99999C11.6608 9.68703 11.4071 9.43333 11.0942 9.43333H9.00002ZM7.39975 6.265C7.62158 6.48577 7.62244 6.84456 7.40168 7.06639L6.10364 8.37069C5.99746 8.47738 5.85319 8.53744 5.70267 8.53762C5.55214 8.5378 5.40773 8.47809 5.30129 8.37165L4.59933 7.66969C4.37803 7.44839 4.37803 7.0896 4.59933 6.8683C4.82063 6.647 5.17942 6.647 5.40072 6.8683L5.70102 7.1686L6.59837 6.26693C6.81913 6.0451 7.17793 6.04424 7.39975 6.265ZM7.40168 9.73306C7.62244 9.51123 7.62158 9.15244 7.39975 8.93167C7.17793 8.71091 6.81913 8.71177 6.59837 8.9336L5.70102 9.83527L5.40072 9.53497C5.17942 9.31367 4.82063 9.31367 4.59933 9.53497C4.37803 9.75627 4.37803 10.1151 4.59933 10.3364L5.30129 11.0383C5.40773 11.1448 5.55214 11.2045 5.70267 11.2043C5.85319 11.2041 5.99746 11.144 6.10364 11.0374L7.40168 9.73306Z" clipRule="evenodd"/></svg>;
}

const IconCheckboxList = React.forwardRef(IconCheckboxListComponent);
export default IconCheckboxList;
