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

function IconCutComponent(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-cut${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="M9 12.6673V3.33398C9 2.80355 9.21086 2.29499 9.58594 1.91992 9.96101 1.54485 10.4696 1.33398 11 1.33398H13C13.3682 1.33398 13.6667 1.63246 13.6667 2.00065 13.6667 2.36884 13.3682 2.66732 13 2.66732H11C10.8232 2.66732 10.6537 2.73761 10.5286 2.86263 10.4036 2.98765 10.3333 3.15717 10.3333 3.33398V12.6673C10.3333 13.0325 10.6349 13.334 11 13.334H13C13.3682 13.334 13.6667 13.6325 13.6667 14.0007 13.6667 14.3688 13.3682 14.6673 13 14.6673H11C9.89848 14.6673 9 13.7688 9 12.6673zM7 12.6673V3.33398C7 2.80355 6.78914 2.29499 6.41406 1.91992 6.03899 1.54485 5.53043 1.33398 5 1.33398H3C2.63181 1.33398 2.33333 1.63246 2.33333 2.00065 2.33333 2.36884 2.63181 2.66732 3 2.66732H5C5.17681 2.66732 5.34633 2.73761 5.47135 2.86263 5.59638 2.98765 5.66667 3.15717 5.66667 3.33398V12.6673C5.66667 13.0325 5.36514 13.334 5 13.334H3C2.63181 13.334 2.33333 13.6325 2.33333 14.0007 2.33333 14.3688 2.63181 14.6673 3 14.6673H5C6.10152 14.6673 7 13.7688 7 12.6673z"/></svg>;
}

const IconCut = React.forwardRef(IconCutComponent);
export default IconCut;
