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

import { NzInputModule } from 'ng-zorro-antd/input';
import { NzTrimPipe } from 'ng-zorro-antd/pipes';

@Component({
  selector: '<%= selector %>',
  imports: [FormsModule, NzInputModule, NzTrimPipe],
  <% if(inlineTemplate) { %>template: `
    <input type="text" nz-input [(ngModel)]="str" />
    <br />
    <div>
      <pre>{{ str }}</pre>
    </div>
    <div>
      <pre>{{ str | nzTrim }}</pre>
    </div>
  `<% } else { %>templateUrl: './<%= dasherize(name) %>.component.html'<% } %>,
  <% if(inlineStyle) { %>styles: [`
      div {
        padding: 8px 12px;
      }
      pre {
        display: inline-block;
        background: #eee;
      }
    `]<% } else { %>styleUrls: ['./<%= dasherize(name) %>.component.<%= style %>']<% } %>
})
export class <%= classify(name) %>Component {
  str = ' Ant Design ';
}
