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

import { NzAvatarModule } from 'ng-zorro-antd/avatar';
import { NzDividerModule } from 'ng-zorro-antd/divider';
import { NzIconModule } from 'ng-zorro-antd/icon';
import { NzTooltipModule } from 'ng-zorro-antd/tooltip';

@Component({
  selector: '<%= selector %>',
  imports: [NzAvatarModule, NzDividerModule, NzTooltipModule, NzIconModule],
  <% if(inlineTemplate) { %>template: `
    <nz-avatar-group>
      <nz-avatar nzIcon="user" nzSrc="//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></nz-avatar>
      <nz-avatar style="background-color: #f56a00" nzText="U"></nz-avatar>
      <nz-avatar style="background-color: #87d068" nz-tooltip nzTooltipTitle="NG-ZORRO User" nzIcon="user"></nz-avatar>
      <nz-avatar style="background-color: #1890ff" nzText="NG"></nz-avatar>
      <nz-avatar [nzSize]="32">
        <nz-icon nzType="ant-design" nzTheme="outline" />
      </nz-avatar>
    </nz-avatar-group>
    <nz-divider></nz-divider>
    <nz-avatar-group>
      <nz-avatar nzIcon="user" nzSrc="//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></nz-avatar>
      <nz-avatar style="background-color: #f56a00" nzText="U"></nz-avatar>
      <nz-avatar style="background-color: #fde3cf; color: #f56a00" nzText="+2"></nz-avatar>
    </nz-avatar-group>
  `<% } else { %>templateUrl: './<%= dasherize(name) %>.component.html'<% } %>
})
export class <%= classify(name) %>Component {}
