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

function IconDrawerExpandComponent(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-drawer-expand${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M6.00098 8.97656C6.00098 8.42428 6.44869 7.97656 7.00098 7.97656H41.001C41.5533 7.97656 42.001 8.42428 42.001 8.97656V10.9766C42.001 11.5288 41.5533 11.9766 41.001 11.9766H7.00098C6.44869 11.9766 6.00098 11.5288 6.00098 10.9766V8.97656zM6.00098 36.9688C6.00098 36.4165 6.44869 35.9688 7.00098 35.9688H41.001C41.5533 35.9688 42.001 36.4165 42.001 36.9688V38.9688C42.001 39.521 41.5533 39.9688 41.001 39.9688H7.00098C6.44869 39.9688 6.00098 39.521 6.00098 38.9688V36.9688zM37.2982 17.4296C36.9077 17.0391 36.2746 17.0391 35.884 17.4296L34.4698 18.8438C34.0793 19.2343 34.0793 19.8675 34.4698 20.258L36.1842 21.9725H7.00098C6.44869 21.9725 6.00098 22.4202 6.00098 22.9725V24.9725C6.00098 25.5248 6.44869 25.9725 7.00098 25.9725H36.1783L34.4698 27.6811C34.0793 28.0716 34.0793 28.7048 34.4698 29.0953L35.884 30.5095C36.2746 30.9 36.9077 30.9 37.2982 30.5095L43.131 24.6767C43.5215 24.2861 43.5215 23.653 43.131 23.2625L37.2982 17.4296z"/></svg>;
}

const IconDrawerExpand = React.forwardRef(IconDrawerExpandComponent);
export default IconDrawerExpand;
