import { Component, Input, input } from '@angular/core';
import { CommonModule } from '@angular/common';
import { CardComponent } from '../card/card.component';
import { RouterModule } from '@angular/router';

@Component({
  selector: 'tab-card',
  standalone: true,
  imports: [CommonModule, CardComponent, RouterModule],
  templateUrl: './tab-card.component.html',
  styleUrl: './tab-card.component.css'
})
export class TabCardComponent extends CardComponent {
  @Input() tabItems: TabItem[] = []
  @Input() activeTabTitle: string | null = null;
}

export interface TabItem {
  title: string
  routerLink: string
}