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

function IconExperienceCenterComponent(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-experience_center${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M9.50244 1.46373C9.81156 1.28554 10.1924 1.28552 10.5015 1.46373L17.1538 5.30064C17.4632 5.47927 17.6538 5.80958 17.6538 6.16685V13.8378C17.6538 14.195 17.4631 14.5253 17.1538 14.704L10.5015 18.5409C10.1923 18.7192 9.81161 18.7192 9.50244 18.5409L2.8501 14.704C2.54075 14.5253 2.3501 14.195 2.3501 13.8378V6.16685C2.3501 5.80956 2.54068 5.47926 2.8501 5.30064L9.50244 1.46373ZM8.31592 7.19713C8.17844 7.20454 8.04765 7.25976 7.94678 7.35338C7.84597 7.44715 7.78148 7.5733 7.76416 7.70982C7.71679 8.07715 7.45521 8.6435 6.98975 9.16002C6.53133 9.66854 5.93703 10.0584 5.29639 10.1669C5.15367 10.1906 5.02464 10.267 4.93408 10.3797C4.8436 10.4926 4.79735 10.6348 4.80518 10.7792C4.81313 10.9237 4.87459 11.0606 4.97705 11.1629C5.0795 11.2652 5.21624 11.3269 5.36084 11.3348C5.65644 11.3519 6.2057 11.6031 6.74268 12.1083C7.26423 12.5991 7.66505 13.2302 7.76709 13.8612C7.78637 13.983 7.84334 14.0959 7.93018 14.1835C8.01691 14.2709 8.12901 14.329 8.25049 14.3495C8.37201 14.3698 8.49736 14.3511 8.60791 14.2967C8.71844 14.2422 8.80974 14.1545 8.86768 14.0458C8.95454 13.8739 9.03295 13.6975 9.10107 13.5174C9.12127 13.4666 9.1417 13.4156 9.1626 13.3651C9.24987 13.1444 9.36193 12.9336 9.49658 12.7381C9.78734 12.3259 10.3261 11.8175 11.5229 11.285C11.6246 11.2398 11.7121 11.1665 11.7739 11.0741C11.8357 10.9816 11.8698 10.8727 11.8726 10.7616C11.8752 10.6503 11.8459 10.5397 11.7886 10.4442C11.7312 10.3489 11.6478 10.2715 11.5483 10.2215L11.4751 10.1844C10.6908 9.78983 10.1621 9.524 9.76221 9.17271C9.38494 8.84061 9.10506 8.41392 8.92041 7.64635C8.85374 7.37058 8.59916 7.18129 8.31592 7.19713ZM13.2153 5.63951C13.1508 5.64296 13.0889 5.66895 13.0415 5.71275C12.9942 5.75677 12.9638 5.81663 12.9556 5.88072C12.9333 6.05348 12.8101 6.32038 12.5913 6.56334C12.3757 6.80258 12.0958 6.98688 11.7944 7.03795C11.7274 7.04913 11.6661 7.08459 11.6235 7.13756C11.581 7.19066 11.5593 7.25813 11.563 7.32603C11.5668 7.39382 11.5961 7.45765 11.644 7.50572C11.6922 7.5538 11.7567 7.58303 11.8247 7.58678C11.9638 7.59491 12.2226 7.71341 12.4751 7.95103C12.7204 8.18199 12.9086 8.47935 12.9565 8.77623C12.9656 8.83347 12.9929 8.88642 13.0337 8.9276C13.0744 8.9686 13.1271 8.9961 13.1841 9.00572C13.2412 9.01522 13.3011 9.00689 13.353 8.98131C13.4048 8.95565 13.4479 8.91413 13.4751 8.86314C13.516 8.7823 13.5524 8.69884 13.5845 8.61412C13.5939 8.59033 13.604 8.56649 13.6138 8.54283C13.6547 8.4392 13.7068 8.33972 13.77 8.24791C13.9068 8.05391 14.1611 7.8139 14.7241 7.56334C14.7717 7.54205 14.8123 7.50708 14.8413 7.46373C14.8703 7.42025 14.8869 7.36946 14.8882 7.31724C14.8894 7.26491 14.8761 7.21273 14.8491 7.16783C14.8222 7.12302 14.7825 7.08688 14.7358 7.06334L14.7017 7.04576C14.333 6.86023 14.0841 6.73525 13.896 6.57017C13.7185 6.41389 13.5864 6.21265 13.4995 5.85142C13.4682 5.72179 13.3484 5.6323 13.2153 5.63951Z"/></svg>;
}

const IconExperienceCenter = React.forwardRef(IconExperienceCenterComponent);
export default IconExperienceCenter;
