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

@Component({
  selector: 'mat-demo-button',
  template: `
    <button class="mat-btn" nz-button [nzType]="'primary'">
      <span>Primary</span>
    </button>
    <button class="mat-btn" nz-button>
      <span>Default</span>
    </button>
    <button class="mat-btn" [nzType]="'danger'" nz-button>
      <span>Danger</span>
    </button>
    <br>
    <button class="mat-btn mat-btn-lg" nz-button [nzType]="'primary'">
      <span>Large Primary</span>
    </button>
    <button class="mat-btn mat-btn-lg" nz-button>
      <span>Large Default</span>
    </button>
    <button class="mat-btn mat-btn-lg" [nzType]="'danger'" nz-button>
      <span>Large Danger</span>
    </button>
    <br>
    <button disabled class="mat-btn" nz-button [nzType]="'primary'">
      <span>Primary(disabled)</span>
    </button>
    <button disabled class="mat-btn" nz-button>
      <span>Default(disabled)</span>
    </button>
    <button disabled class="mat-btn" [nzType]="'danger'" nz-button>
      <span>Danger(disabled)</span>
    </button>

  `,
  styleUrls: ['./mat-demo-button.component.less']
})
export class MatDemoButtonComponent {

}