import { Component } from '@angular/core';
import { signal } from '@angular/core';

@Component({
  selector: 'bh-null-safe-navigation',
  standalone: true,
  imports: [],
  template: `<button type="button" (click)="select()">Choose drill</button>
    <p data-result>{{ selected()?.name ?? 'Choose a tool' }}</p>`,
})
export class App {
  selected = signal<{ name: string } | null>(null);
  select(): void {
    this.selected.set({ name: 'Hand drill' });
  }
}