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

import {
    FormControlState,
} from 'ngrx-forms';

import { UUID } from 'angular2-uuid';

@Component({
    changeDetection: ChangeDetectionStrategy.OnPush,
    selector: 'ngrx-form-radio-button-component',
    styleUrls: [
        './ngrx-form-radio-button.component.scss',
    ],
    templateUrl: './ngrx-form-radio-button.component.template.pug',
})
export class NgrxFormRadioButtonComponent {
    @Input()
    public formControl: FormControlState<boolean>;
    @Input()
    public additionalInputClasses: string[];
    @Input()
    public value: string;

    public inputId: string;

    public ngOnInit() {
        this.inputId = `ngrx-form-radio-button-${UUID.UUID()}`;
    }
}