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

function IconPersonalSpaceComponent(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-personal-space${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="M16.19 12.353a17.258 17.258 0 0 0-3.407-.912.485.485 0 0 1-.262-.792c-.002.004-.008.004-.012.008.337-.4.63-.862.867-1.364.3-.13.595-.387.807-.744.4-.675.35-1.43-.113-1.69-.015-.008-.03-.01-.045-.017.002-.024.002-.05.002-.073h.022V4.74a2.434 2.434 0 0 0-2.431-2.433l-.024.002a3.41 3.41 0 0 0-2.21-.809 3.437 3.437 0 0 0-3.43 3.236h-.012v2.026h.022c.002.024.002.05.002.074-.015.006-.03.008-.045.017-.461.26-.51 1.017-.113 1.69.212.356.506.613.807.743.238.502.53.965.867 1.365-.004-.002-.01-.004-.013-.009a.487.487 0 0 1-.262.792c-1.174.19-2.31.495-3.395.908A3.208 3.208 0 0 0 1.9 15.277v.433a2.14 2.14 0 0 0 1.52 2.048 29.536 29.536 0 0 0 13.142.002 2.137 2.137 0 0 0 1.529-2.05v-.426a3.21 3.21 0 0 0-1.901-2.93Z"/></svg>;
}

const IconPersonalSpace = React.forwardRef(IconPersonalSpaceComponent);
export default IconPersonalSpace;
