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

import { NzIconModule } from 'ng-zorro-antd/icon';
import { NzInputModule } from 'ng-zorro-antd/input';

@Component({
  selector: '<%= selector %>',
  imports: [FormsModule, NzInputModule, NzIconModule],
  <% if(inlineTemplate) { %>template: `
    <nz-input-wrapper nzAllowClear>
      <input nz-input [(ngModel)]="inputValue" placeholder="input with clear icon" />
    </nz-input-wrapper>
    <br />
    <br />
    <nz-input-wrapper nzAllowClear>
      <input nz-input [(ngModel)]="inputValue" placeholder="input with custom clear icon" />
      <nz-icon nzInputClearIcon nzType="close" />
    </nz-input-wrapper>
    <br />
    <br />
    <nz-input-wrapper nzAllowClear>
      <textarea nz-input [(ngModel)]="textValue" placeholder="textarea with clear icon"></textarea>
    </nz-input-wrapper>
  `<% } else { %>templateUrl: './<%= dasherize(name) %>.component.html'<% } %>
})
export class <%= classify(name) %>Component {
  inputValue: string | null = null;
  textValue: string | null = null;
}
