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

function IconShortcutInstructionsComponent(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-shortcut-instructions${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 18 18" {...rest} ref={ref}><path fillRule="evenodd" d="M13.5652 1.77915C13.4947 1.48575 13.2247 1.28458 12.9233 1.30091C12.622 1.31724 12.3753 1.54642 12.3369 1.84572C12.2867 2.23688 12.0088 2.8385 11.5144 3.38763C11.0274 3.92853 10.3974 4.34328 9.71673 4.4582C9.40288 4.51119 9.1789 4.79144 9.19641 5.10925C9.21391 5.42706 9.46732 5.68102 9.78509 5.69921C10.099 5.71719 10.6814 5.98355 11.252 6.52131C11.8059 7.04326 12.2321 7.71395 12.3397 8.38595C12.3821 8.65115 12.5892 8.85962 12.8541 8.90389C13.119 8.94815 13.3826 8.81833 13.509 8.58134C13.6032 8.40481 13.6859 8.19734 13.7567 8.01991L13.7567 8.01988L13.7567 8.01979C13.7798 7.96189 13.8016 7.90719 13.8221 7.85781C13.9154 7.63333 14.019 7.41564 14.1767 7.1915C14.4852 6.75302 15.0566 6.21205 16.3288 5.64627C16.5496 5.54809 16.694 5.33153 16.6999 5.09C16.7057 4.84846 16.5719 4.62516 16.3562 4.51641L16.2783 4.47716C15.4451 4.05734 14.8843 3.77477 14.4594 3.40117C14.0581 3.04845 13.7614 2.59481 13.5652 1.77915ZM3.87975 2.78529H10.4107C9.70345 3.48063 8.83124 4.00108 7.89647 4.15667C7.41698 4.23648 7.07479 4.65858 7.10153 5.13723C7.12828 5.61589 7.51543 5.99838 8.00091 6.02579C8.48054 6.05287 9.37025 6.45404 10.2421 7.26397C11.0882 8.05008 11.7393 9.06023 11.9037 10.0723C11.9686 10.4718 12.285 10.7858 12.6897 10.8524C13.0944 10.9191 13.4971 10.7236 13.6902 10.3666C13.834 10.1008 13.9605 9.78828 14.0686 9.52105L14.0686 9.52101L14.0686 9.521C14.1039 9.43375 14.1373 9.35132 14.1686 9.27691C14.3111 8.9388 14.4693 8.61095 14.7102 8.27336C14.8421 8.0886 15.0054 7.89176 15.2148 7.6854V9.74267V14.1203C15.2148 15.5451 14.0598 16.7 12.6351 16.7H3.87975C2.45502 16.7 1.30005 15.5451 1.30005 14.1203V5.36499C1.30005 3.94026 2.45502 2.78529 3.87975 2.78529ZM11.3843 13.6514C11.8161 13.6514 12.1661 13.3014 12.1661 12.8696C12.1661 12.4379 11.8161 12.0879 11.3843 12.0879H9.03914C8.60741 12.0879 8.25742 12.4379 8.25742 12.8696C8.25742 13.3014 8.60741 13.6514 9.03914 13.6514H11.3843ZM4.78711 6.63541C5.0924 6.33012 5.58736 6.33012 5.89264 6.63541L8.05633 8.79909C8.36161 9.10437 8.36161 9.59934 8.05633 9.90462L5.89264 12.0683C5.58736 12.3736 5.0924 12.3736 4.78711 12.0683C4.48183 11.763 4.48183 11.2681 4.78711 10.9628L6.39803 9.35185L4.78711 7.74094C4.48183 7.43565 4.48183 6.94069 4.78711 6.63541Z" clipRule="evenodd"/></svg>;
}

const IconShortcutInstructions = React.forwardRef(IconShortcutInstructionsComponent);
export default IconShortcutInstructions;
