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

function IconPromptRolePlayingComponent(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-prompt_role-playing${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path d="M8.014.5a.6.6 0 0 1 .6.6v.868a3.434 3.434 0 0 1 2.781 2.78h1.93a.6.6 0 0 1 0 1.198h-1.93a3.434 3.434 0 0 1-2.59 2.74c3.255.368 5.828 2.982 5.828 6.217a.6.6 0 0 1-.6.6H2a.6.6 0 0 1-.6-.6c0-3.235 2.572-5.849 5.828-6.216a3.434 3.434 0 0 1-2.59-2.74h-1.93a.6.6 0 1 1 0-1.2h1.93A3.433 3.433 0 0 1 7.415 1.97V1.1a.6.6 0 0 1 .6-.599Zm.002 9.34c-2.804 0-5.06 1.976-5.377 4.464h10.755c-.316-2.488-2.574-4.464-5.378-4.464Zm-2.125 1.28a.6.6 0 0 1 .6.599v1.416a.6.6 0 0 1-1.2 0v-1.416a.6.6 0 0 1 .6-.6Zm4.246 0a.6.6 0 0 1 .6.599v1.416a.6.6 0 0 1-1.2 0v-1.416a.6.6 0 0 1 .6-.6Zm-4.27-5.173a2.232 2.232 0 0 0 4.298 0H5.868Zm2.15-2.832A2.232 2.232 0 0 0 5.87 4.747h4.296a2.232 2.232 0 0 0-2.148-1.632Z"/></svg>;
}

const IconPromptRolePlaying = React.forwardRef(IconPromptRolePlayingComponent);
export default IconPromptRolePlaying;
