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

@Component({
  selector: 'app-price-tag',
  standalone: true,
  imports: [DecimalPipe],
  template: `
    <p>{{ productName }} costs {{ price | number:'1.2-2' }} dollars</p>
    <p>In stock: {{ inStock ? 'yes' : 'no' }}</p>
  `
})
export class PriceTagComponent {
  productName = 'Wireless Mouse';
  price = 24.5;
  inStock = true;
}

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