import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
import {SCIdCard} from '@openstapps/core';
import {FullScreenImageDirective} from '../../util/full-screen-image.directive';
import {ThingTranslateModule} from '../../translation/thing-translate.module';
import {AsyncPipe, TitleCasePipe} from '@angular/common';
import {InRangeNowPipe, ToDateRangePipe} from '../../util/in-range.pipe';
import {TranslateModule} from '@ngx-translate/core';

@Component({
  selector: 'stapps-id-card',
  templateUrl: 'id-card.html',
  styleUrls: ['id-card.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: true,
  hostDirectives: [FullScreenImageDirective],
  imports: [
    FullScreenImageDirective,
    ThingTranslateModule,
    InRangeNowPipe,
    ToDateRangePipe,
    AsyncPipe,
    TranslateModule,
    TitleCasePipe,
  ],
})
export class IdCardComponent {
  @Input({required: true}) item: SCIdCard;
}
