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

import { NzBadgeModule } from 'ng-zorro-antd/badge';
import { NzCardModule } from 'ng-zorro-antd/card';

@Component({
  selector: '<%= selector %>',
  imports: [NzBadgeModule, NzCardModule],
  <% if(inlineTemplate) { %>template: `
    <nz-ribbon nzText="Hippies">
      <nz-card nzTitle="Pushes open the window" nzSize="small"> And raises the spyglass. </nz-card>
    </nz-ribbon>
    <br />
    <nz-ribbon nzText="Hippies" nzColor="pink">
      <nz-card nzTitle="Pushes open the window" nzSize="small"> And raises the spyglass. </nz-card>
    </nz-ribbon>
    <br />
    <nz-ribbon nzText="Hippies" nzColor="red">
      <nz-card nzTitle="Pushes open the window" nzSize="small"> And raises the spyglass. </nz-card>
    </nz-ribbon>
    <br />
    <nz-ribbon nzText="Hippies" nzColor="cyan">
      <nz-card nzTitle="Pushes open the window" nzSize="small"> And raises the spyglass. </nz-card>
    </nz-ribbon>
    <br />
    <nz-ribbon nzText="Hippies" nzColor="green">
      <nz-card nzTitle="Pushes open the window" nzSize="small"> And raises the spyglass. </nz-card>
    </nz-ribbon>
    <br />
    <nz-ribbon nzText="Hippies" nzColor="purple">
      <nz-card nzTitle="Pushes open the window" nzSize="small"> And raises the spyglass. </nz-card>
    </nz-ribbon>
    <br />
    <nz-ribbon nzText="Hippies" nzColor="volcano">
      <nz-card nzTitle="Pushes open the window" nzSize="small"> And raises the spyglass. </nz-card>
    </nz-ribbon>
    <br />
    <nz-ribbon nzText="Hippies" nzColor="magenta">
      <nz-card nzTitle="Pushes open the window" nzSize="small"> And raises the spyglass. </nz-card>
    </nz-ribbon>
  `<% } else { %>templateUrl: './<%= dasherize(name) %>.component.html'<% } %>
})
export class <%= classify(name) %>Component {}
