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

function IconAlbumComponent(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-album${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M12.25 1.16675C12.5575 1.16675 12.8094 1.40471 12.8317 1.70655L12.8333 1.75008V12.2501C12.8333 12.5576 12.5953 12.8095 12.2935 12.8318L12.25 12.8334H1.74996C1.44244 12.8334 1.19049 12.5954 1.16823 12.2936L1.16663 12.2501V1.75008C1.16663 1.44256 1.40459 1.19062 1.70642 1.16835L1.74996 1.16675H12.25ZM11.6666 2.33341H2.33329V11.6667H11.6666V2.33341ZM10.4316 5.94007C10.4754 5.98383 10.5 6.04318 10.5 6.10506V10.3251C10.5 10.4217 10.4216 10.5001 10.325 10.5001H5.96411C5.9478 10.5001 5.932 10.4978 5.91702 10.4937L3.4216 10.4873C3.32495 10.487 3.24679 10.4085 3.24702 10.3118C3.24713 10.2656 3.26556 10.2212 3.29828 10.1885L5.70908 7.77772C5.8002 7.6866 5.94794 7.6866 6.03906 7.77772L7.15133 8.89008L10.1016 5.94007C10.1928 5.84895 10.3405 5.84895 10.4316 5.94007ZM5.24996 3.50008V5.25008H3.49996V3.50008H5.24996Z"/></svg>;
}

const IconAlbum = React.forwardRef(IconAlbumComponent);
export default IconAlbum;
