import { Component } from '@angular/core';
import { CurrencyPipe, DatePipe, UpperCasePipe } from '@angular/common';
import { bootstrapApplication } from '@angular/platform-browser';

@Component({
  selector: 'app-receipt',
  standalone: true,
  imports: [CurrencyPipe, DatePipe, UpperCasePipe],
  template: `
    <p>{{ storeName | uppercase }}</p>
    <p>Total: {{ amount | currency:'USD' }}</p>
    <p>Date: {{ purchasedOn | date:'longDate' }}</p>
  `
})
export class ReceiptComponent {
  storeName = 'corner bakery';
  amount = 18.5;
  purchasedOn = new Date();
}

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