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

function IconDisplaySetupComponent(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-display-setup${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path d="M10 1.875c-4.86 0-8.75 3.611-8.75 8.125 0 4.514 3.89 8.125 8.75 8.125.78 0 1.458-.633 1.458-1.354 0-.363-.096-.634-.387-.903-.197-.271-.39-.543-.39-.902 0-.724.68-1.354 1.458-1.354h1.75c2.723 0 4.861-1.987 4.861-4.515 0-3.973-3.888-7.222-8.75-7.222Zm-3.984 7.11a1.406 1.406 0 1 1-2.813 0 1.406 1.406 0 0 1 2.813 0ZM7.89 6.796a1.406 1.406 0 1 1 0-2.813 1.406 1.406 0 0 1 0 2.813Zm5.859-1.64a1.406 1.406 0 1 1-2.812 0 1.406 1.406 0 0 1 2.812 0Zm1.719 5.077a1.406 1.406 0 1 1 0-2.812 1.406 1.406 0 0 1 0 2.812Z"/></svg>;
}

const IconDisplaySetup = React.forwardRef(IconDisplaySetupComponent);
export default IconDisplaySetup;
