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

function IconSubtitlesOnComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-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="M13.3335 3.39453C13.3335 3.01484 13.035 2.70703 12.6668 2.70703H3.3335C2.96531 2.70703 2.66683 3.01484 2.66683 3.39453V12.6029C2.66683 12.9826 2.96531 13.2904 3.3335 13.2904H12.6668C13.035 13.2904 13.3335 12.9826 13.3335 12.6029V3.39453ZM7.3335 10.5404C7.70169 10.5404 8.00016 10.8482 8.00016 11.2279C8.00016 11.6076 7.70169 11.9154 7.3335 11.9154H4.66683C4.29864 11.9154 4.00016 11.6076 4.00016 11.2279C4.00016 10.8482 4.29864 10.5404 4.66683 10.5404H7.3335ZM11.3335 10.5404C11.7017 10.5404 12.0002 10.8482 12.0002 11.2279C12.0002 11.6076 11.7017 11.9154 11.3335 11.9154H10.0002C9.63197 11.9154 9.3335 11.6076 9.3335 11.2279C9.3335 10.8482 9.63197 10.5404 10.0002 10.5404H11.3335ZM6.00016 7.79036C6.36835 7.79036 6.66683 8.09817 6.66683 8.47786C6.66683 8.85756 6.36835 9.16536 6.00016 9.16536H4.66683C4.29864 9.16536 4.00016 8.85756 4.00016 8.47786C4.00016 8.09817 4.29864 7.79036 4.66683 7.79036H6.00016ZM11.3335 7.79036C11.7017 7.79036 12.0002 8.09817 12.0002 8.47786C12.0002 8.85756 11.7017 9.16536 11.3335 9.16536H8.66683C8.29864 9.16536 8.00016 8.85756 8.00016 8.47786C8.00016 8.09817 8.29864 7.79036 8.66683 7.79036H11.3335ZM14.6668 12.6029C14.6668 13.742 13.7714 14.6654 12.6668 14.6654H3.3335C2.22893 14.6654 1.3335 13.742 1.3335 12.6029V3.39453C1.3335 2.25544 2.22893 1.33203 3.3335 1.33203H12.6668C13.7714 1.33203 14.6668 2.25544 14.6668 3.39453V12.6029Z"/></svg>;
}

const IconSubtitlesOn = React.forwardRef(IconSubtitlesOnComponent);
export default IconSubtitlesOn;
