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

function IconColumnConfiguration1Component(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-Column_configuration_1${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_b91d564e2c__clip0_2119_37438)"><path fillRule="evenodd" clipRule="evenodd" d="M7.58333 0.87498C7.58333 0.713897 7.45275 0.583313 7.29167 0.583313H6.70833C6.54725 0.583313 6.41667 0.713897 6.41667 0.87498V9.04165C6.41667 9.20273 6.54725 9.33331 6.70833 9.33331H7.29167C7.45275 9.33331 7.58333 9.20273 7.58333 9.04165V0.87498ZM2.91667 7.87498C3.07775 7.87498 3.20833 8.00556 3.20833 8.16665V13.125C3.20833 13.2861 3.07775 13.4166 2.91667 13.4166H2.33333C2.17225 13.4166 2.04167 13.2861 2.04167 13.125V8.16665C2.04167 8.00556 2.17225 7.87498 2.33333 7.87498H2.91667ZM7 9.91665C7.9665 9.91665 8.75 10.7001 8.75 11.6666C8.75 12.6331 7.9665 13.4166 7 13.4166C6.0335 13.4166 5.25 12.6331 5.25 11.6666C5.25 10.7001 6.0335 9.91665 7 9.91665ZM11.9583 8.16665C11.9583 8.00556 11.8277 7.87498 11.6667 7.87498H11.0833C10.9223 7.87498 10.7917 8.00556 10.7917 8.16665V13.125C10.7917 13.2861 10.9223 13.4166 11.0833 13.4166H11.6667C11.8277 13.4166 11.9583 13.2861 11.9583 13.125V8.16665ZM7 11.0833C6.67783 11.0833 6.41667 11.3445 6.41667 11.6666C6.41667 11.9888 6.67783 12.25 7 12.25C7.32217 12.25 7.58333 11.9888 7.58333 11.6666C7.58333 11.3445 7.32217 11.0833 7 11.0833ZM2.625 3.79165C3.5915 3.79165 4.375 4.57515 4.375 5.54165C4.375 6.50814 3.5915 7.29165 2.625 7.29165C1.6585 7.29165 0.875 6.50814 0.875 5.54165C0.875 4.57515 1.6585 3.79165 2.625 3.79165ZM13.125 5.54165C13.125 4.57515 12.3415 3.79165 11.375 3.79165C10.4085 3.79165 9.625 4.57515 9.625 5.54165C9.625 6.50814 10.4085 7.29165 11.375 7.29165C12.3415 7.29165 13.125 6.50814 13.125 5.54165ZM2.625 4.95831C2.30283 4.95831 2.04167 5.21948 2.04167 5.54165C2.04167 5.86381 2.30283 6.12498 2.625 6.12498C2.94717 6.12498 3.20833 5.86381 3.20833 5.54165C3.20833 5.21948 2.94717 4.95831 2.625 4.95831ZM10.7917 5.54165C10.7917 5.21948 11.0528 4.95831 11.375 4.95831C11.6972 4.95831 11.9583 5.21948 11.9583 5.54165C11.9583 5.86381 11.6972 6.12498 11.375 6.12498C11.0528 6.12498 10.7917 5.86381 10.7917 5.54165ZM2.91667 0.583313C3.07775 0.583313 3.20833 0.713897 3.20833 0.87498V2.91665C3.20833 3.07773 3.07775 3.20831 2.91667 3.20831H2.33333C2.17225 3.20831 2.04167 3.07773 2.04167 2.91665V0.87498C2.04167 0.713897 2.17225 0.583313 2.33333 0.583313H2.91667ZM11.9583 0.87498C11.9583 0.713897 11.8277 0.583313 11.6667 0.583313H11.0833C10.9223 0.583313 10.7917 0.713897 10.7917 0.87498V2.91665C10.7917 3.07773 10.9223 3.20831 11.0833 3.20831H11.6667C11.8277 3.20831 11.9583 3.07773 11.9583 2.91665V0.87498Z"/></g><defs><clipPath id="svg_b91d564e2c__clip0_2119_37438"><path d="M0 0H14V14H0z"/></clipPath></defs></svg>;
}

const IconColumnConfiguration1 = React.forwardRef(IconColumnConfiguration1Component);
export default IconColumnConfiguration1;
