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

function IconHandTapComponent(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-hand_tap${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 40 40" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M23.6513 6.51186C23.0656 5.92608 23.0656 4.97633 23.6513 4.39054L25.4191 2.62278C26.0049 2.037 26.9546 2.037 27.5404 2.62278C28.1263 3.20856 28.1263 4.15831 27.5404 4.74409L25.7726 6.51186C25.1869 7.09766 24.2371 7.09766 23.6513 6.51186ZM18.1616 10.1001C17.2581 10.1001 16.5257 10.8325 16.5257 11.736V24.2708C16.5257 24.8455 16.1786 25.3632 15.647 25.5815C15.1153 25.7997 14.5046 25.675 14.1009 25.2662L12.723 23.8703C12.0279 23.1662 10.9299 23.1062 10.1655 23.7255C9.46129 24.2963 9.28354 25.2208 9.67247 25.9283C11.0226 28.3842 13.2812 31.8438 16.1292 34.0348C17.2841 34.9233 18.8553 35.25 20.6286 35.25H25.9234C28.8229 35.25 31.1734 32.8995 31.1734 30V27.9143V25.3962C31.1734 24.557 30.6276 23.8155 29.8264 23.566L20.7929 20.7537C20.2008 20.5693 19.7974 20.0212 19.7974 19.401V11.736C19.7974 10.8325 19.0651 10.1001 18.1616 10.1001ZM18.1616 7.26678C20.6298 7.26678 22.6308 9.26769 22.6308 11.736V18.3583L30.6686 20.8608C32.6541 21.479 34.0068 23.3167 34.0068 25.3962V27.9143V30C34.0068 34.4643 30.3876 38.0833 25.9234 38.0833H20.6286C18.5833 38.0833 16.2731 37.7203 14.4015 36.2805C11.0802 33.7253 8.59339 29.8467 7.18966 27.2933C6.08956 25.2925 6.69617 22.8902 8.38161 21.5243C9.92926 20.2702 12.0363 20.1412 13.6924 21.0775V11.736C13.6924 9.26769 15.6933 7.26678 18.1616 7.26678ZM26.3786 10.517C25.5503 10.517 24.8786 11.1885 24.8786 12.017C24.8786 12.8454 25.5503 13.517 26.3786 13.517H28.8786C29.7071 13.517 30.3786 12.8454 30.3786 12.017C30.3786 11.1885 29.7071 10.517 28.8786 10.517H26.3786ZM12.6375 6.51186C13.2233 5.92608 13.2233 4.97633 12.6375 4.39054L10.8697 2.62278C10.2839 2.037 9.33419 2.037 8.74841 2.62278C8.16261 3.20856 8.16261 4.15831 8.74841 4.74409L10.5162 6.51186C11.102 7.09766 12.0517 7.09766 12.6375 6.51186ZM9.91016 10.517C10.7386 10.517 11.4102 11.1885 11.4102 12.017C11.4102 12.8454 10.7386 13.517 9.91016 13.517H7.41016C6.58174 13.517 5.91016 12.8454 5.91016 12.017C5.91016 11.1885 6.58174 10.517 7.41016 10.517H9.91016Z"/></svg>;
}

const IconHandTap = React.forwardRef(IconHandTapComponent);
export default IconHandTap;
