import { Component } from '@angular/core';
import { input, signal } from '@angular/core';
@Component({
  selector: 'tool-label',
  standalone: true,
  template: '<p data-result>{{ name() }}</p>',
})
class ToolLabel {
  name = input.required<string>();
}
@Component({
  selector: 'bh-inputs',
  standalone: true,
  imports: [ToolLabel],
  template: `<tool-label [name]="name()"></tool-label
    ><button type="button" (click)="name.set('Clamp')">Choose clamp</button>`,
})
export class App {
  name = signal('Tape measure');
}