import { Component, Input, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';

export interface AccordionItem {
  title: string;
  content: string;
}

@Component({
  selector: 'app-<%= dasherize(name) %>',
  standalone: true,
  imports: [CommonModule],
  templateUrl: './<%= dasherize(name) %>.component.html',
  styleUrls: ['./<%= dasherize(name) %>.component.css']
})
export class <%= classify(name) %>Component implements OnInit {
  @Input() items: AccordionItem[] = [];
  @Input() allowMultiple = false;
  
  openItems: boolean[] = [];

  ngOnInit() {
    this.openItems = new Array(this.items.length).fill(false);
  }

  toggleItem(index: number) {
    if (this.allowMultiple) {
      this.openItems[index] = !this.openItems[index];
    } else {
      // Close all other items
      this.openItems = this.openItems.map((_, i) => i === index ? !this.openItems[i] : false);
    }
  }
}