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

function IconMoreVertical1Component(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-more_vertical_1${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M9.99951 13.1001C10.7727 13.1001 11.3999 13.7273 11.3999 14.5005C11.3997 15.2735 10.7726 15.8999 9.99951 15.8999C9.22658 15.8997 8.60031 15.2734 8.6001 14.5005C8.6001 13.7274 9.22645 13.1003 9.99951 13.1001ZM9.99951 8.6001C10.7727 8.6001 11.3999 9.22729 11.3999 10.0005C11.3997 10.7735 10.7726 11.3999 9.99951 11.3999C9.22658 11.3997 8.60031 10.7734 8.6001 10.0005C8.6001 9.22739 9.22645 8.60026 9.99951 8.6001ZM9.99951 4.1001C10.7727 4.1001 11.3999 4.72729 11.3999 5.50049C11.3997 6.27351 10.7726 6.8999 9.99951 6.8999C9.22658 6.89974 8.60031 6.27341 8.6001 5.50049C8.6001 4.72739 9.22645 4.10026 9.99951 4.1001Z"/></svg>;
}

const IconMoreVertical1 = React.forwardRef(IconMoreVertical1Component);
export default IconMoreVertical1;
