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

function IconPDSeparationComponent(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-PD_separation${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 32 32" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path opacity=".5" d="M9.48799 3.33334C8.6662 3.33334 8 3.99954 8 4.82133V6.64796H24C24.7364 6.64796 25.3333 7.24491 25.3333 7.98129V24.1652H27.1788C28.0006 24.1652 28.6668 23.499 28.6668 22.6772V4.82133C28.6668 3.99954 28.0006 3.33334 27.1788 3.33334H9.48799Z"/><path d="M24.0551 6.66635C24.7913 6.66653 25.3881 7.26406 25.3881 8.00034V27.3333C25.3881 28.0696 24.7913 28.6662 24.0551 28.6664H4.66638C3.93015 28.6662 3.33337 28.0696 3.33337 27.3333V8.00034C3.33337 7.26406 3.93015 6.66653 4.66638 6.66635H24.0551ZM18.7103 17.4935C18.7101 20.009 16.5191 22.2044 13.6185 22.2044V25.3451C18.0765 25.3451 21.8508 21.9152 21.851 17.4935H18.7103ZM18.6039 10.3636C18.6036 12.9093 16.6061 14.8997 14.2318 14.8997V17.6664C10.0976 17.7306 6.83435 21.18 6.83435 25.3402H9.974C9.974 22.7955 11.9724 20.8043 14.349 20.804V18.0365C18.4826 17.9725 21.7442 14.5233 21.7445 10.3636H18.6039ZM14.9623 10.3734C10.4837 10.3736 6.66642 13.7887 6.66638 18.224H9.80701C9.80704 15.7221 12.0122 13.5133 14.9623 13.513V10.3734Z"/></svg>;
}

const IconPDSeparation = React.forwardRef(IconPDSeparationComponent);
export default IconPDSeparation;
