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

function IconExportRecordComponent(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-export_record${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="M11.6387 9.23535C11.8225 9.23552 11.9715 9.38454 11.9717 9.56836V13.0215L12.959 12.0332C13.0891 11.903 13.3005 11.9031 13.4307 12.0332L13.9023 12.5049C14.0322 12.635 14.0321 12.8455 13.9023 12.9756L11.5449 15.333C11.4147 15.4631 11.2034 15.4632 11.0732 15.333L8.7168 12.9756C8.58679 12.8454 8.58674 12.635 8.7168 12.5049L9.18848 12.0332C9.31861 11.9033 9.52906 11.9033 9.65918 12.0332L10.6387 13.0127V9.56836C10.6389 9.38444 10.7877 9.23536 10.9717 9.23535H11.6387ZM13.2861 3.71191V7.90234H11.9521V4.58105L9.28613 4.58203L9.28516 1.90234H2.61914V13.9023H7.28613V15.2354H1.95215C1.58431 15.2351 1.2864 14.9372 1.28613 14.5693V1.23535C1.28622 0.867372 1.5842 0.569556 1.95215 0.569336H10.2861L13.2861 3.71191ZM6.95215 8.90234C7.13619 8.90234 7.28604 9.05133 7.28613 9.23535V9.90234C7.28605 10.0864 7.13619 10.2354 6.95215 10.2354H4.28613C4.10209 10.2354 3.95224 10.0864 3.95215 9.90234V9.23535C3.95224 9.05133 4.10209 8.90234 4.28613 8.90234H6.95215ZM8.95215 5.90234C9.13619 5.90234 9.28604 6.05133 9.28613 6.23535V6.90234C9.28605 7.08637 9.13619 7.23535 8.95215 7.23535H4.28613C4.10209 7.23535 3.95224 7.08637 3.95215 6.90234V6.23535C3.95224 6.05133 4.10209 5.90234 4.28613 5.90234H8.95215Z"/></svg>;
}

const IconExportRecord = React.forwardRef(IconExportRecordComponent);
export default IconExportRecord;
