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

function IconCardCollectionSurfaceComponent(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-card_collection_surface${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 14 14" {...rest} ref={ref}><path fillRule="evenodd" d="M5.92657 2.22773C6.34876 1.25041 7.73076 1.23972 8.16803 2.21038L9.18399 4.46568C9.19212 4.48372 9.20884 4.49642 9.2284 4.49939L11.4614 4.83917C12.4914 4.9959 12.868 6.28528 12.0842 6.97175L10.3367 8.50235C10.3199 8.51706 10.3129 8.54006 10.3188 8.5616L10.9576 10.9001C11.2436 11.9473 10.1271 12.8215 9.17908 12.2927L7.06889 11.1156C7.05108 11.1056 7.02937 11.1057 7.01164 11.1158L4.84548 12.3478C3.93459 12.8658 2.83598 12.0753 3.0378 11.047L3.52582 8.5606C3.52966 8.54105 3.52325 8.5209 3.50883 8.50715L1.87783 6.95215C1.14009 6.24879 1.53397 5.00463 2.54209 4.85399L4.91524 4.49936C4.93519 4.49638 4.95218 4.48331 4.96017 4.4648L5.92657 2.22773Z" clipRule="evenodd"/></svg>;
}

const IconCardCollectionSurface = React.forwardRef(IconCardCollectionSurfaceComponent);
export default IconCardCollectionSurface;
