import { Component, EventEmitter, Input, Output } from '@angular/core';
import { DatePipe } from "@angular/common";

@Component({
  selector: 'app-timeline',
  standalone: true,
  imports: [
    DatePipe
  ],
  templateUrl: './timeline.component.html',
  styleUrl: './timeline.component.scss'
})
export class TimelineComponent {
  @Input() tab: 'info' | 'origin' | 'timeline' = 'info';
  @Output() tabChange = new EventEmitter<'info' | 'origin' | 'timeline'>();
  @Input() data: any = {
    date: new Date(),
    content: 'This is a timeline content',
    iconClass: 'fa fa-clock-o',
    title: 'Timeline Title',
    time: '12:00',
    creator: 'John Doe',
    term: '2 days ago',
    scanAddress: 'https://www.google.com',
    description: 'This is a timeline description',
    metas: 'test meta',
    label: 'test label',
    value: 'test value',
  }
}
