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

function IconMermaidScaleComponent(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-mermaid-scale${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="m8.966 8.495-.47.472a.333.333 0 0 0 0 .471l3.228 3.228H9.75c-.149 0-.203.016-.257.045a.303.303 0 0 0-.126.126c-.029.055-.045.108-.045.257v.479c0 .148.016.202.045.256a.303.303 0 0 0 .126.127c.054.029.108.044.257.044h3.572a.667.667 0 0 0 .667-.667V9.761c0-.149-.015-.203-.044-.257a.302.302 0 0 0-.126-.126c-.055-.03-.109-.045-.257-.045h-.479c-.148 0-.202.016-.257.045a.303.303 0 0 0-.126.126c-.029.054-.044.108-.044.257v1.953l-3.22-3.219a.333.333 0 0 0-.47 0ZM2.666 2A.667.667 0 0 0 2 2.667v3.666c0 .184.15.334.333.334H3c.184 0 .333-.15.333-.334v-2L6.52 7.519c.13.13.341.13.471 0l.472-.472a.333.333 0 0 0 0-.471L4.219 3.333h2.114A.334.334 0 0 0 6.667 3v-.667A.333.333 0 0 0 6.333 2H2.667Z" clipRule="evenodd"/></svg>;
}

const IconMermaidScale = React.forwardRef(IconMermaidScaleComponent);
export default IconMermaidScale;
