import { Component, Input, Output, EventEmitter } from "@angular/core";
import { Placement } from "../common/enums";
import { template } from './accordion.component.html';

@Component({
    selector: 'sdc-accordion',
    template: template,
})
export class AccordionComponent {

    @Input('arrow-direction') arrowDirection: Placement;
    @Input('css-class') customCSSClass: string;
    @Input('title') title: string;
    @Input('open') open: boolean;
    @Output('accordionChanged') changed = new EventEmitter<boolean>();

    public accordionArrowDirection = Placement;

    public toggleAccordion(){
        this.open = !this.open;
        this.changed.emit(this.open);
    }
}