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

function IconColumnConfigurationComponent(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-ColumnConfiguration${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}><g clipPath="url(#svg_4cc28285a2__clip0_450_21739)"><path fillRule="evenodd" clipRule="evenodd" d="M7.58333 0.875163C7.58333 0.71408 7.45275 0.583496 7.29167 0.583496H6.70833C6.54725 0.583496 6.41667 0.71408 6.41667 0.875163V9.04183C6.41667 9.20291 6.54725 9.3335 6.70833 9.3335H7.29167C7.45275 9.3335 7.58333 9.20291 7.58333 9.04183V0.875163ZM2.91667 7.87516C3.07775 7.87516 3.20833 8.00575 3.20833 8.16683V13.1252C3.20833 13.2862 3.07775 13.4168 2.91667 13.4168H2.33333C2.17225 13.4168 2.04167 13.2862 2.04167 13.1252V8.16683C2.04167 8.00575 2.17225 7.87516 2.33333 7.87516H2.91667ZM7 9.91683C7.9665 9.91683 8.75 10.7003 8.75 11.6668C8.75 12.6333 7.9665 13.4168 7 13.4168C6.0335 13.4168 5.25 12.6333 5.25 11.6668C5.25 10.7003 6.0335 9.91683 7 9.91683ZM11.9583 8.16683C11.9583 8.00575 11.8277 7.87516 11.6667 7.87516H11.0833C10.9223 7.87516 10.7917 8.00575 10.7917 8.16683V13.1252C10.7917 13.2862 10.9223 13.4168 11.0833 13.4168H11.6667C11.8277 13.4168 11.9583 13.2862 11.9583 13.1252V8.16683ZM7 11.0835C6.67783 11.0835 6.41667 11.3447 6.41667 11.6668C6.41667 11.989 6.67783 12.2502 7 12.2502C7.32217 12.2502 7.58333 11.989 7.58333 11.6668C7.58333 11.3447 7.32217 11.0835 7 11.0835ZM2.625 3.79183C3.5915 3.79183 4.375 4.57533 4.375 5.54183C4.375 6.50833 3.5915 7.29183 2.625 7.29183C1.6585 7.29183 0.875 6.50833 0.875 5.54183C0.875 4.57533 1.6585 3.79183 2.625 3.79183ZM13.125 5.54183C13.125 4.57533 12.3415 3.79183 11.375 3.79183C10.4085 3.79183 9.625 4.57533 9.625 5.54183C9.625 6.50833 10.4085 7.29183 11.375 7.29183C12.3415 7.29183 13.125 6.50833 13.125 5.54183ZM2.625 4.9585C2.30283 4.9585 2.04167 5.21966 2.04167 5.54183C2.04167 5.864 2.30283 6.12516 2.625 6.12516C2.94717 6.12516 3.20833 5.864 3.20833 5.54183C3.20833 5.21966 2.94717 4.9585 2.625 4.9585ZM10.7917 5.54183C10.7917 5.21966 11.0528 4.9585 11.375 4.9585C11.6972 4.9585 11.9583 5.21966 11.9583 5.54183C11.9583 5.864 11.6972 6.12516 11.375 6.12516C11.0528 6.12516 10.7917 5.864 10.7917 5.54183ZM2.91667 0.583496C3.07775 0.583496 3.20833 0.71408 3.20833 0.875163V2.91683C3.20833 3.07791 3.07775 3.2085 2.91667 3.2085H2.33333C2.17225 3.2085 2.04167 3.07791 2.04167 2.91683V0.875163C2.04167 0.71408 2.17225 0.583496 2.33333 0.583496H2.91667ZM11.9583 0.875163C11.9583 0.71408 11.8277 0.583496 11.6667 0.583496H11.0833C10.9223 0.583496 10.7917 0.71408 10.7917 0.875163V2.91683C10.7917 3.07791 10.9223 3.2085 11.0833 3.2085H11.6667C11.8277 3.2085 11.9583 3.07791 11.9583 2.91683V0.875163Z"/></g><defs><clipPath id="svg_4cc28285a2__clip0_450_21739"><path d="M0 0H14V14H0z"/></clipPath></defs></svg>;
}

const IconColumnConfiguration = React.forwardRef(IconColumnConfigurationComponent);
export default IconColumnConfiguration;
