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

function IconAgentSubtitlesOnComponent(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_on${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="M12.6663 1.41675C14.1851 1.41675 15.4163 2.64797 15.4163 4.16675V11.8337C15.4162 13.3524 14.185 14.5837 12.6663 14.5837H3.33334C1.81466 14.5837 0.583512 13.3524 0.583336 11.8337V4.16675C0.583336 2.64796 1.81455 1.41675 3.33334 1.41675H12.6663ZM3.33334 2.91675C2.64298 2.91675 2.08334 3.47639 2.08334 4.16675V11.8337C2.08351 12.5239 2.64309 13.0837 3.33334 13.0837H12.6663C13.3566 13.0837 13.9162 12.5239 13.9163 11.8337V4.16675C13.9163 3.47639 13.3567 2.91675 12.6663 2.91675H3.33334ZM11.3333 8.24976C11.7475 8.24976 12.0832 8.58565 12.0833 8.99976C12.0833 9.41397 11.7475 9.74976 11.3333 9.74976H4.66634C4.25228 9.74957 3.91634 9.41386 3.91634 8.99976C3.91648 8.58577 4.25237 8.24994 4.66634 8.24976H11.3333ZM5.50033 5.74976C5.91432 5.74993 6.2502 6.08576 6.25033 6.49976C6.25033 6.91386 5.9144 7.24959 5.50033 7.24976H4.66634C4.25228 7.24957 3.91634 6.91386 3.91634 6.49976C3.91648 6.08577 4.25237 5.74994 4.66634 5.74976H5.50033ZM11.3333 5.74976C11.7475 5.74976 12.0832 6.08566 12.0833 6.49976C12.0833 6.91397 11.7475 7.24975 11.3333 7.24976H8.00033C7.58611 7.24976 7.25033 6.91397 7.25033 6.49976C7.25046 6.08565 7.5862 5.74976 8.00033 5.74976H11.3333Z"/></svg>;
}

const IconAgentSubtitlesOn = React.forwardRef(IconAgentSubtitlesOnComponent);
export default IconAgentSubtitlesOn;
