1import { ChangeDetectionStrategy, Component } from "@angular/core";
2
3import { FeatureHeaderComponent } from "../feature-header.component";
4import { ShowcaseChatHostComponent } from "../showcase-chat-host.component";
5
6@Component({
7  selector: "showcase-generated-ui-feature",
8  imports: [FeatureHeaderComponent, ShowcaseChatHostComponent],
9  changeDetection: ChangeDetectionStrategy.OnPush,
10  host: { class: "feature-page" },
11  template: `
12    <showcase-feature-header />
13    <main class="generated-ui-feature-page">
14      <section
15        class="chat-surface"
16        aria-label="Angular protocol-rendered UI demonstration"
17      >
18        <showcase-chat-host />
19      </section>
20    </main>
21  `,
22})
23export class GeneratedUIFeatureComponent {
24  protected readonly demoLabel = "Protocol-rendered UI demonstration";
25}
26