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

import {
    SelectBoxOptionsInterface,
} from './../../models/index';

@Component({
    changeDetection: ChangeDetectionStrategy.OnPush,
    selector: 'select-box-component',
    styleUrls: [
        './select-box.component.scss',
    ],
    templateUrl: 'select-box.component.template.pug',
})
export class SelectBoxComponent {
    @Input()
    public selectBoxOptions: SelectBoxOptionsInterface[];
    @Input()
    public selectedValue: string;

    @Output()
    public onChange = new EventEmitter<string>();
}