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

export const toggleAnimation = trigger('focusChange', [
    state('default', style({
      opacity: 1,
    })),
    state('focused', style({
      opacity: 1,
    })),
    transition('default => focused', [
      style({ opacity: 0 }),
      animate('0.25s')
    ]),
    transition('focused => default', [
      animate('0.25s')
    ])
  ]);