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

function IconCardsThreeComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-CardsThree${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path opacity=".2" d="M41 19.5V37.5C41 37.8978 40.842 38.2794 40.5607 38.5607C40.2794 38.842 39.8978 39 39.5 39H9.5C9.10218 39 8.72064 38.842 8.43934 38.5607C8.15804 38.2794 8 37.8978 8 37.5V19.5C8 19.1022 8.15804 18.7206 8.43934 18.4393C8.72064 18.158 9.10218 18 9.5 18H39.5C39.8978 18 40.2794 18.158 40.5607 18.4393C40.842 18.7206 41 19.1022 41 19.5Z" fill={useCurrentColor ? 'currentColor' : '#000'}/><path d="M39.5 16.5H9.5C8.70435 16.5 7.94129 16.8161 7.37868 17.3787C6.81607 17.9413 6.5 18.7044 6.5 19.5V37.5C6.5 38.2957 6.81607 39.0587 7.37868 39.6213C7.94129 40.1839 8.70435 40.5 9.5 40.5H39.5C40.2957 40.5 41.0587 40.1839 41.6213 39.6213C42.1839 39.0587 42.5 38.2957 42.5 37.5V19.5C42.5 18.7044 42.1839 17.9413 41.6213 17.3787C41.0587 16.8161 40.2957 16.5 39.5 16.5ZM39.5 37.5H9.5V19.5H39.5V37.5ZM9.5 12C9.5 11.6022 9.65804 11.2206 9.93934 10.9393C10.2206 10.658 10.6022 10.5 11 10.5H38C38.3978 10.5 38.7794 10.658 39.0607 10.9393C39.342 11.2206 39.5 11.6022 39.5 12C39.5 12.3978 39.342 12.7794 39.0607 13.0607C38.7794 13.342 38.3978 13.5 38 13.5H11C10.6022 13.5 10.2206 13.342 9.93934 13.0607C9.65804 12.7794 9.5 12.3978 9.5 12ZM12.5 6C12.5 5.60218 12.658 5.22064 12.9393 4.93934C13.2206 4.65804 13.6022 4.5 14 4.5H35C35.3978 4.5 35.7794 4.65804 36.0607 4.93934C36.342 5.22064 36.5 5.60218 36.5 6C36.5 6.39782 36.342 6.77936 36.0607 7.06066C35.7794 7.34196 35.3978 7.5 35 7.5H14C13.6022 7.5 13.2206 7.34196 12.9393 7.06066C12.658 6.77936 12.5 6.39782 12.5 6Z" fill={useCurrentColor ? 'currentColor' : '#000'}/></svg>;
}

const IconCardsThree = React.forwardRef(IconCardsThreeComponent);
export default IconCardsThree;
