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

function IconMoreComponent(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${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M19 12.5V11.5H20V12.5H19ZM11.5 12.5V11.5H12.5V12.5H11.5ZM4 12.5V11.5H5V12.5H4Z"/><path d="M19.1 12.5C19.0448 12.5 19 12.4552 19 12.4V11.6C19 11.5448 19.0448 11.5 19.1 11.5H19.9C19.9552 11.5 20 11.5448 20 11.6V12.4C20 12.4552 19.9552 12.5 19.9 12.5H19.1ZM11.6 12.5C11.5448 12.5 11.5 12.4552 11.5 12.4V11.6C11.5 11.5448 11.5448 11.5 11.6 11.5H12.4C12.4552 11.5 12.5 11.5448 12.5 11.6V12.4C12.5 12.4552 12.4552 12.5 12.4 12.5H11.6ZM4.1 12.5C4.04477 12.5 4 12.4552 4 12.4V11.6C4 11.5448 4.04477 11.5 4.1 11.5H4.9C4.95523 11.5 5 11.5448 5 11.6V12.4C5 12.4552 4.95523 12.5 4.9 12.5H4.1Z" stroke="#000" strokeWidth="2"/></svg>;
}

const IconMore = React.forwardRef(IconMoreComponent);
export default IconMore;
