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

@Component({
  selector: 'app-root',
  template: `
    <div  center;">
      <h1>Mława</h1>
      <p>
        Mława – miasto w Polsce w województwie mazowieckim, siedziba powiatu mławskiego. W latach 1975–1998 miasto administracyjnie należało do województwa ciechanowskiegostorią. Miasto leży nad rzeką Seracz przy granicy z województwem warmińsko-mazurskim.

Pod względem historycznym Mława leży na Mazowszu i jest jednym z najstarszych miast tego regionu.

Mława była miastem królewskim Korony Królestwa Polskiego w starostwie mławskim w ziemi zawkrzeńskiej województwa płockiego w 1784 roku.

Według regionalizacji fizycznogeograficznej Polski miasto położone jest na pograniczu dwóch mezoregionów: Wzniesienia Mławskiego i Równiny Raciąskiej.

Sąsiednie gminy: Iłowo-Osada, Lipowiec Kościelny, Szydłowo, Wieczfnia Kościelna, Wiśniewo, Dzierzgowo.
      </p>
      <img ngIf="firstImageVisible" src="assets/images/mlawa.jpg" alt="Pierwsze zdjęcie"  block; margin: 0 auto;">
      <img ngIf="!firstImageVisible" src="assets/images/mlawa2.jpg" alt="Drugie zdjęcie"  block; margin: 0 auto;">
      <div  20px;">
        <button (click)="showFirstImage()">Ratusz</button>
        <button (click)="showSecondImage()">Kościół</button>
      </div>
    </div>
  `,
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'zadanie';
  firstImageVisible: boolean = true;

  showFirstImage() {
    this.firstImageVisible = true;
  }

  showSecondImage() {
    this.firstImageVisible = false;
  }
}