
// GENERATED BY ./scripts/iconScript.ts

import * as React from 'react';
import { IconProps, valuesMap } from '../helper';
import { flipFunction } from '../flipFunction';
import classNames from 'classnames';

function Eoscompare_statesOutlined({size = "m", color = "black", rotate = 0, horizontalFlip = false, verticalFlip = false, className}: IconProps) {
    const sizeString: string = size.toString()
    if(Object.keys(valuesMap).includes(sizeString)) {
        size = valuesMap[size]
    }
    const { scaleX, scaleY, translateX, translateY } = flipFunction({horizontalFlip,verticalFlip})
    const classString = classNames(className);
return (
      <svg className={classString} data-testid="eos-svg-component" transform={`rotate(${rotate}, 12, 12) translate(${translateX}, ${translateY}) scale(${scaleX}, ${scaleY})`} fill={color} width={size} height={size} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10,15,8.58582,16.41418,10.17163,18H5V7.81628a3,3,0,1,0-2,0V18a2,2,0,0,0,2,2h5.17157L8.58582,21.58575,10,23l4-4ZM4,6A1,1,0,1,1,5,5,1,1,0,0,1,4,6Z"/><path d="M21,16.18372V6a2,2,0,0,0-2-2H13.82837l1.58581-1.58582L14,1,10,5l4,4,1.41418-1.41425L13.82843,6H19V16.18372a3,3,0,1,0,2,0ZM20,20a1,1,0,1,1,1-1A1,1,0,0,1,20,20Z"/></svg>
    );
};

export default Eoscompare_statesOutlined;
