
// GENERATED BY ./scripts/iconScript.ts

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

function EoshourglassAnimated({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" >
<g>
<path d="M7 3H17V7.2L12 12L7 7.2V3Z">
<animate id="first" attributeName="opacity" from="1" to="0" dur="2s" begin="0;second.end" fill="freeze"/>
</path>
<path d="M17 21H7V16.8L12 12L17 16.8V21Z">
<animate attributeName="opacity" from="0" to="1" dur="2s" begin="0;second.end" fill="freeze"/>
</path>
<path d="M6 2V8H6.01L6 8.01L10 12L6 16L6.01 16.01H6V22H18V16.01H17.99L18 16L14 12L18 8.01L17.99 8H18V2H6ZM16 16.5V20H8V16.5L12 12.5L16 16.5ZM12 11.5L8 7.5V4H16V7.5L12 11.5Z">
</path>
<animateTransform id="second" attributeName="transform" attributeType="XML" type="rotate" from="0 12 12" to="180 12 12" dur="0.5s" begin="first.end"/>
</g>
</svg>

    );
};

export default EoshourglassAnimated;
