import { Component } from '@angular/core';
import { HeavyCard } from './heavy-card';

@Component({
  selector: 'bh-deferred-loading',
  standalone: true,
  imports: [HeavyCard],
  template: `<button #open type="button">Load tool details</button>
    @defer (on interaction(open)) {
      <heavy-card></heavy-card>
    } @placeholder {
      <p data-result>Details not loaded</p>
    }`,
})
export class App {}