import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { bootstrapApplication } from '@angular/platform-browser';

@Component({
  selector: 'app-order-status',
  standalone: true,
  imports: [CommonModule],
  template: `
    <div *ngIf="isDelivered; else pending">
      Your order has been delivered.
    </div>
    <ng-template #pending>
      <div>Your order is still on its way.</div>
    </ng-template>
  `
})
export class OrderStatusComponent {
  isDelivered = false;
}

bootstrapApplication(OrderStatusComponent).catch((err) => console.error(err));