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

import { NzFloatButtonModule } from 'ng-zorro-antd/float-button';
import { NzTooltipDirective } from 'ng-zorro-antd/tooltip';

@Component({
  selector: '<%= selector %>',
  imports: [NzFloatButtonModule, NzTooltipDirective],
  <% if(inlineTemplate) { %>template: `
    <div class="tooltip">
      <nz-float-button
        style="bottom: 108px"
        nz-tooltip
        nzTooltipTitle="Documents"
        nzTooltipPlacement="top"
        nzTooltipColor="blue"
      ></nz-float-button>
      <nz-float-button nz-tooltip [nzTooltipTitle]="titleTemplate"></nz-float-button>
      <ng-template #titleTemplate>
        <div>Documents</div>
      </ng-template>
    </div>
  `<% } else { %>templateUrl: './<%= dasherize(name) %>.component.html'<% } %>,
  <% if(inlineStyle) { %>styles: [`
      .tooltip {
        height: 300px;
        position: relative;
      }
      nz-float-button {
        position: absolute;
      }
    `]<% } else { %>styleUrls: ['./<%= dasherize(name) %>.component.<%= style %>']<% } %>
})
export class <%= classify(name) %>Component {}
