import { Component } from '@angular/core';

import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { slidInAnimations, wobbleAnimation } from '../animations/animations';

@Component({
  standalone: true,
  selector: 'app-home',
  imports: [MatButtonModule, MatIconModule],
  templateUrl: './home.component.html',
  styleUrl: './home.component.scss',
  animations: [slidInAnimations, wobbleAnimation],
})
export class HomeComponent {
  isWobbling = true;

  onwobbleDone() {
    this.isWobbling = !this.isWobbling;
  }
}