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

@Component({
    selector: 'checkbox-component',
    styleUrls: [
        './checkbox.component.scss',
    ],
    templateUrl: './checkbox.component.template.pug',
})
export class CheckboxComponent {
    @Input()
    public isChecked = false;

    @Output()
    public onChecked = new EventEmitter<boolean>();

    public checked() {
        this.isChecked = !this.isChecked;
        this.onChecked.emit(this.isChecked);
    }
}