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

@Component({
  selector: 'bh-conditional-rendering',
  standalone: true,
  imports: [],
  template: `<button type="button" (click)="available.set(false)">
      Mark unavailable
    </button>
    @if (available()) {
      <p data-result>Tool available</p>
    } @else {
      <p data-result>No tools available</p>
    }`,
})
export class App {
  available = signal(true);
}