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

function IconUnfold2Component(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-unfold2${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 24" {...rest} ref={ref}><path fillRule="evenodd" d="M13.4501 12.742L12.7421 13.45C12.6955 13.4964 12.6586 13.5516 12.6334 13.6124C12.6082 13.6731 12.5952 13.7382 12.5952 13.804C12.5952 13.8698 12.6082 13.9349 12.6334 13.9956C12.6586 14.0564 12.6955 14.1116 12.7421 14.158L17.5861 18.998L14.6261 19C14.4041 19 14.3221 19.024 14.2421 19.066C14.1616 19.1095 14.0956 19.1755 14.0521 19.256C14.0081 19.336 13.9861 19.418 13.9861 19.64V20.36C13.9861 20.58 14.0081 20.662 14.0521 20.744C14.0948 20.8251 14.161 20.8913 14.2421 20.934C14.3221 20.976 14.4021 21 14.6261 21H19.9861C20.2513 21 20.5057 20.8946 20.6932 20.7071C20.8807 20.5196 20.9861 20.2652 20.9861 20V14.64C20.9861 14.418 20.9621 14.338 20.9181 14.256C20.8759 14.1752 20.8104 14.109 20.7301 14.066C20.6481 14.024 20.5681 14 20.3441 14H19.6261C19.4041 14 19.3221 14.024 19.2421 14.066C19.1616 14.1095 19.0956 14.1755 19.0521 14.256C19.0081 14.336 18.9861 14.418 18.9861 14.64V17.57L14.1561 12.742C14.0624 12.6486 13.9354 12.5961 13.8031 12.5961C13.6707 12.5961 13.5438 12.6486 13.4501 12.742ZM4.00008 3C3.73487 3 3.48051 3.10536 3.29298 3.29289C3.10544 3.48043 3.00008 3.73478 3.00008 4V9.5C3.00008 9.63261 3.05276 9.75979 3.14653 9.85355C3.2403 9.94732 3.36748 10 3.50008 10H4.50008C4.63269 10 4.75987 9.94732 4.85364 9.85355C4.94741 9.75979 5.00008 9.63261 5.00008 9.5V6.5L9.78008 11.28C9.87381 11.3734 10.0007 11.4259 10.1331 11.4259C10.2654 11.4259 10.3924 11.3734 10.4861 11.28L11.1921 10.572C11.2389 10.5257 11.276 10.4706 11.3014 10.4098C11.3268 10.349 11.3398 10.2838 11.3398 10.218C11.3398 10.1522 11.3268 10.087 11.3014 10.0262C11.276 9.96544 11.2389 9.91031 11.1921 9.864L6.32808 5H9.50008C9.63269 5 9.75987 4.94732 9.85364 4.85355C9.94741 4.75979 10.0001 4.63261 10.0001 4.5V3.5C10.0001 3.36739 9.94741 3.24021 9.85364 3.14645C9.75987 3.05268 9.63269 3 9.50008 3H4.00008Z" clipRule="evenodd"/></svg>;
}

const IconUnfold2 = React.forwardRef(IconUnfold2Component);
export default IconUnfold2;
