import { Directive, booleanAttribute, input } from '@angular/core';

@Directive({
  selector: '[<%= camelize(name) %>]',
  exportAs: '<%= camelize(name) %>',
  host: {
    '[attr.aria-label]': 'label() || null',
  },
})
export class <%= classify(name) %> {
  readonly label = input('Pagination');
}

@Directive({
  selector: '[<%= camelize(name) %>Item]',
  exportAs: '<%= camelize(name) %>Item',
  host: {
    '[attr.aria-current]': 'current() ? "page" : null',
  },
})
export class <%= classify(name) %>Item {
  readonly current = input(false, { transform: booleanAttribute });
}