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

function IconBarCardsThreeComponent(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 || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-BarCardsThree${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 32 32" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M26 12H6C5.33696 12 4.70107 12.2634 4.23223 12.7322C3.76339 13.2011 3.5 13.837 3.5 14.5V25C3.5 25.663 3.76339 26.2989 4.23223 26.7678C4.70107 27.2366 5.33696 27.5 6 27.5H26C26.663 27.5 27.2989 27.2366 27.7678 26.7678C28.2366 26.2989 28.5 25.663 28.5 25V14.5C28.5 13.837 28.2366 13.2011 27.7678 12.7322C27.2989 12.2634 26.663 12 26 12ZM25.5 24.5H6.5V15H25.5V24.5ZM5.5 8.5C5.5 8.10218 5.65804 7.72064 5.93934 7.43934C6.22064 7.15804 6.60218 7 7 7H25C25.3978 7 25.7794 7.15804 26.0607 7.43934C26.342 7.72064 26.5 8.10218 26.5 8.5C26.5 8.89782 26.342 9.27936 26.0607 9.56066C25.7794 9.84196 25.3978 10 25 10H7C6.60218 10 6.22064 9.84196 5.93934 9.56066C5.65804 9.27936 5.5 8.89782 5.5 8.5ZM7.5 3.5C7.5 3.10218 7.65804 2.72064 7.93934 2.43934C8.22064 2.15804 8.60218 2 9 2H23C23.3978 2 23.7794 2.15804 24.0607 2.43934C24.342 2.72064 24.5 3.10218 24.5 3.5C24.5 3.89782 24.342 4.27936 24.0607 4.56066C23.7794 4.84196 23.3978 5 23 5H9C8.60218 5 8.22064 4.84196 7.93934 4.56066C7.65804 4.27936 7.5 3.89782 7.5 3.5Z"/></svg>;
}

const IconBarCardsThree = React.forwardRef(IconBarCardsThreeComponent);
export default IconBarCardsThree;
