import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
import { type SectionCopy } from '../../core/content/content.contracts';

@Component({
  selector: 'app-content-section',
  changeDetection: ChangeDetectionStrategy.OnPush,
  templateUrl: './content-section.html',
  styleUrl: './content-section.scss',
})
export class ContentSection {
  readonly section = input.required<SectionCopy>();

  protected readonly headingId = computed(() => `section-${this.section().id}`);
}