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

function IconAgentSubtitlesOffComponent(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-agent_subtitles_off${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M15.5069 13.785L15.5635 13.8432C15.8306 14.1484 15.8286 14.6126 15.5459 14.9155C15.2632 15.2182 14.8002 15.2523 14.4774 15.0069L14.4155 14.9544L0.584689 2.04569C0.261874 1.74425 0.244425 1.23823 0.545709 0.915268C0.847132 0.592315 1.35313 0.574959 1.67613 0.876288L15.5069 13.785Z"/><path d="M2.08301 4.81152V11.834C2.08332 12.524 2.64299 13.0838 3.33301 13.084H10.9463L12.5527 14.584H3.33301C1.81457 14.5838 0.583316 13.3524 0.583008 11.834V4.16699C0.583008 3.93398 0.615368 3.70826 0.669922 3.49219L2.08301 4.81152ZM14.9883 13.3008C14.6963 13.7619 14.273 14.1293 13.7686 14.3506L12.4111 13.084H12.666C13.2148 13.084 13.6795 12.7292 13.8477 12.2373L14.9883 13.3008ZM12.666 1.41699C14.1848 1.41699 15.416 2.64821 15.416 4.16699V11.834C15.416 11.9906 15.3992 12.1435 15.374 12.293L13.916 10.9316V4.16699C13.916 3.47664 13.3564 2.91699 12.666 2.91699H5.32812L3.7207 1.41699H12.666ZM7.37402 9.75H4.66602C4.25219 9.74964 3.91615 9.41388 3.91602 9C3.91615 8.58612 4.25219 8.25036 4.66602 8.25H5.7666L7.37402 9.75ZM11.1836 9.75H8.83887L7.23242 8.25H9.57617L11.1836 9.75ZM11.333 8.25C11.7471 8.25 12.0829 8.5859 12.083 9C12.083 9.0675 12.0714 9.13212 12.0547 9.19434L11.042 8.25H11.333ZM4.69531 7.25H4.66602C4.26003 7.24965 3.92951 6.92647 3.91699 6.52344L4.69531 7.25ZM8.50488 7.25H8C7.58602 7.24982 7.25013 6.91399 7.25 6.5C7.25004 6.37644 7.28297 6.26099 7.33594 6.1582L8.50488 7.25ZM11.333 5.75C11.7471 5.75001 12.0829 6.0859 12.083 6.5C12.0829 6.9141 11.7471 7.24999 11.333 7.25H9.9707L8.36328 5.75H11.333ZM5.5 5.75C5.91399 5.75017 6.24987 6.086 6.25 6.5C6.24993 6.73336 6.14092 6.93867 5.97363 7.07617L4.56152 5.75781C4.59571 5.75301 4.63052 5.75003 4.66602 5.75H5.5ZM3.8623 2.91699H3.33301C2.85485 2.91712 2.43961 3.18555 2.22949 3.58008L1.11719 2.54199C1.44212 2.09954 1.89512 1.7585 2.42285 1.57324L3.8623 2.91699Z"/></svg>;
}

const IconAgentSubtitlesOff = React.forwardRef(IconAgentSubtitlesOffComponent);
export default IconAgentSubtitlesOff;
