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

function IconIContainsComponent(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-IContains${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M14.7239 7.875C15.6263 7.875 16.2969 8.12885 16.7315 8.64064C17.1084 9.08827 17.2982 9.73357 17.2982 10.5655V14.5541C17.2982 14.7612 17.1303 14.9291 16.9232 14.9291H16.384C16.1769 14.9291 16.009 14.7612 16.009 14.5541V14.1297C15.7926 14.3975 15.5371 14.615 15.244 14.7784C14.8273 14.9972 14.349 15.1106 13.8171 15.1106C13.2164 15.1106 12.7324 14.9475 12.3747 14.6263L12.3049 14.56C11.906 14.1959 11.7077 13.7195 11.7077 13.1334C11.7077 12.3522 11.9883 11.7432 12.5413 11.3275C13.0353 10.9337 13.7393 10.7291 14.6522 10.7023L15.9276 10.6655V10.4747C15.9276 9.5887 15.5091 9.15771 14.6425 9.15771C14.27 9.15771 13.9698 9.23283 13.7503 9.37976C13.5599 9.50362 13.4233 9.67106 13.3378 9.88777L13.3219 9.93413V9.93413C13.2694 10.1039 13.1049 10.2134 12.928 10.1965L12.2992 10.1364C12.0931 10.1167 11.9419 9.93355 11.9616 9.72739L11.9658 9.69696V9.69696L11.9779 9.64689V9.64689L11.983 9.62904C12.1511 9.06403 12.4578 8.62908 12.8936 8.34185C13.3402 8.02715 13.9509 7.875 14.7239 7.875ZM6.67545 3.375C6.8194 3.375 6.94854 3.46351 7.00047 3.59778L11.2269 14.5258C11.2963 14.7053 11.2071 14.9071 11.0276 14.9765C10.9875 14.992 10.9449 15 10.9019 15H10.0598C9.91581 15 9.78668 14.9115 9.73475 14.7772L8.3222 11.1248H3.69194L2.26568 14.7783C2.21347 14.912 2.08461 15 1.94106 15H1.09811C0.905652 15 0.749634 14.844 0.749634 14.6515C0.749634 14.6082 0.757726 14.5652 0.773494 14.5248L5.03972 3.59675C5.09192 3.46303 5.22078 3.375 5.36433 3.375H6.67545ZM15.9276 12.1348V11.8317L14.737 11.8683C13.6513 11.8933 13.1249 12.301 13.1249 13.0816C13.1249 13.3161 13.2079 13.4986 13.3878 13.6521C13.5615 13.8096 13.8018 13.8928 14.0961 13.8928C14.5962 13.8928 15.0222 13.7219 15.3846 13.3807C15.7439 13.0426 15.9276 12.6233 15.9276 12.1348ZM6.01792 5.16678L4.24206 9.7157H7.77721L6.01792 5.16678Z"/></svg>;
}

const IconIContains = React.forwardRef(IconIContainsComponent);
export default IconIContains;
