import { Component } from '@angular/core';
import { CanvasElementComponent } from '../canvas-element-component.directive';

@Component({
  selector: 'app-radio-button-group',
  template: `
      <div [ngStyle]="style">
          <label id="radio-group-label">{{$any(elementModel).text}}</label>
          <mat-radio-group aria-labelledby="radio-group-label"
                           [formControl]="formControl"
                           fxLayout="{{elementModel.alignment}}">
              <mat-radio-button *ngFor="let option of $any(elementModel).options" [value]="option">
                  {{option}}
              </mat-radio-button>
          </mat-radio-group>
      </div>
  `
})
export class RadioButtonGroupComponent extends CanvasElementComponent { }