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

export const ANIMATIONS = {
  EnterLeaveY: trigger('EnterLeaveY', [
    state('flyIn', style({ transform: 'translateY(0)' })),
    transition(':enter', [
      style({ transform: 'translateY(-100%)' }),
      animate('0.5s ease-in')
    ]),
    transition(':leave', [
      animate('0.5s ease-out', style({ transform: 'translateY(-100%)' }))
    ])
  ]),
  EnterLeaveX: trigger('EnterLeaveX', [
    state('flyIn', style({ transform: 'translateX(0)' })),
    transition(':enter', [
      style({ transform: 'translateX(-100%)' }),
      animate('1s ease-in')
    ]),
    transition(':leave', [
      animate('1s ease-out', style({ transform: 'translateX(-100%)' }))
    ])
  ])
};