import {
    animate,
    state,
    style,
    transition,
    trigger,
} from '@angular/animations';

// enums
import { eAnimationState } from '../../enums';

export const toggleUpDownAnimation = trigger('rotatedState', [
    state(eAnimationState.DEFAULT, style({ transform: 'rotate(0)' })),
    state(eAnimationState.ROTATED, style({ transform: 'rotate(-180deg)' })),
    transition(
        `${eAnimationState.ROTATED} => ${eAnimationState.DEFAULT}`,
        animate('350ms ease-out')
    ),
    transition(
        `${eAnimationState.DEFAULT} => ${eAnimationState.ROTATED}`,
        animate('350ms ease-in')
    ),
]);