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

@Component({
  selector: 'bh-reference-variables',
  standalone: true,
  imports: [],
  template: `<label>Desk note<input #note /></label
    ><button type="button" (click)="save(note.value)">Preview note</button>
    <p data-result>{{ message() }}</p>`,
})
export class App {
  message = signal('No preview');
  save(value: string): void {
    this.message.set(value.trim() || 'No preview');
  }
}