import { ChangeDetectionStrategy, Component, input } from '@angular/core';
import { TranslatePipe } from '../../../../i18n/translate.pipe';

@Component({
  selector: 'app-dashboard-section',
  standalone: true,
  imports: [TranslatePipe],
  templateUrl: './dashboard-section.component.html',
  styleUrl: './dashboard-section.component.scss',
  changeDetection: ChangeDetectionStrategy.OnPush,
  host: {
    '[style.grid-column]': 'span()',
  },
})
export class DashboardSectionComponent {
  readonly titleKey = input.required<string>();
  readonly descriptionKey = input<string | null>(null);
  /** 12-column grid span at desktop width, e.g. 'span 12' or 'span 4'. */
  readonly span = input<string>('span 12');
}
