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

function IconAccountCenterComponent(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-account-center${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 24" {...rest} ref={ref}><g clipPath="url(#svg_6c40ff9a2d__a)"><path d="M17.647 9.389c.157-.66 0-1.266-.451-1.52a.175.175 0 0 0-.036-.014.272.272 0 0 1-.024-.008c.002-.031.002-.066.002-.099h.03V5.042a3.247 3.247 0 0 0-3.244-3.246l-.016.002a.11.11 0 0 1-.016 0A4.55 4.55 0 0 0 10.944.72a4.585 4.585 0 0 0-4.577 4.316h-.014V7.74h.029c.002.033.003.066.002.098l-.024.009a.176.176 0 0 0-.036.014c-.614.347-.682 1.356-.15 2.254.283.476.676.82 1.076.992a8.38 8.38 0 0 0 1.157 1.82h-.003a.046.046 0 0 1-.011-.007.65.65 0 0 1-.353 1.053c-1.566.253-3.08.66-4.529 1.212A4.28 4.28 0 0 0 .96 19.1v.576a2.856 2.856 0 0 0 2.028 2.733 39.403 39.403 0 0 0 12.847.779l-.156-.338a1.123 1.123 0 0 0-1.14-.628l-2.184.226a7.716 7.716 0 0 1-1.795-2.964l1.3-1.695a1.025 1.025 0 0 0 0-1.257l-1.3-1.695a7.717 7.717 0 0 1 1.795-2.965l2.184.226a1.123 1.123 0 0 0 1.14-.628l.888-1.92a8.34 8.34 0 0 1 1.08-.161Z"/><path d="M18.36 11.88c.426 0 .842.046 1.24.13l.615 1.33a.78.78 0 0 0 .79.436l1.512-.157c.564.58.99 1.282 1.243 2.052l-.9 1.175a.71.71 0 0 0 0 .868l.9 1.174a5.344 5.344 0 0 1-1.243 2.053l-1.512-.156a.778.778 0 0 0-.79.435l-.614 1.33a5.93 5.93 0 0 1-2.483 0l-.613-1.33a.777.777 0 0 0-.79-.436l-1.512.157a5.343 5.343 0 0 1-1.243-2.052l.9-1.175a.71.71 0 0 0 0-.868l-.9-1.174a5.344 5.344 0 0 1 1.243-2.053l1.512.156a.777.777 0 0 0 .79-.435l.613-1.33c.4-.084.816-.13 1.242-.13Zm0 3.437c-1.136 0-2.057.878-2.057 1.963s.92 1.963 2.057 1.963c1.136 0 2.057-.878 2.057-1.963s-.92-1.963-2.057-1.963Z"/></g><defs><clipPath id="svg_6c40ff9a2d__a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>;
}

const IconAccountCenter = React.forwardRef(IconAccountCenterComponent);
export default IconAccountCenter;
