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

function IconDragDotVerticalComponent(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-drag-dot-vertical${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 12 12" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M8 8.75C8.13807 8.75 8.25 8.86193 8.25 9V10C8.25 10.1381 8.13807 10.25 8 10.25H7C6.86193 10.25 6.75 10.1381 6.75 10V9C6.75 8.86193 6.86193 8.75 7 8.75H8ZM5 8.75C5.13807 8.75 5.25 8.86193 5.25 9V10C5.25 10.1381 5.13807 10.25 5 10.25H4C3.86193 10.25 3.75 10.1381 3.75 10V9C3.75 8.86193 3.86193 8.75 4 8.75H5ZM7 5.25H8C8.13807 5.25 8.25 5.36193 8.25 5.5V6.5C8.25 6.63807 8.13807 6.75 8 6.75H7C6.86193 6.75 6.75 6.63807 6.75 6.5V5.5C6.75 5.36193 6.86193 5.25 7 5.25ZM4 5.25H5C5.13807 5.25 5.25 5.36193 5.25 5.5V6.5C5.25 6.63807 5.13807 6.75 5 6.75H4C3.86193 6.75 3.75 6.63807 3.75 6.5V5.5C3.75 5.36193 3.86193 5.25 4 5.25ZM8 1.75C8.13807 1.75 8.25 1.86193 8.25 2V3C8.25 3.13807 8.13807 3.25 8 3.25H7C6.86193 3.25 6.75 3.13807 6.75 3V2C6.75 1.86193 6.86193 1.75 7 1.75H8ZM5 1.75C5.13807 1.75 5.25 1.86193 5.25 2V3C5.25 3.13807 5.13807 3.25 5 3.25H4C3.86193 3.25 3.75 3.13807 3.75 3V2C3.75 1.86193 3.86193 1.75 4 1.75H5Z"/></svg>;
}

const IconDragDotVertical = React.forwardRef(IconDragDotVerticalComponent);
export default IconDragDotVertical;
