gender radio component button

gender-radio.component.ts

interface Option {
  label: string;
  value: any;
}


interface Message {
  [key: string]: Function | string;
}

@Component({
  selector: 'gender-radio-group',
  template: `
<gender-radio-group
  [name]="name"
  [label]="label"
  [radioOptions]="radioOptions"
  [control]="control"
  [messages]="messages">
</gender-radio-group>

  `,
})
export class GenderRadioComponent {
  @Input() name = 'gender';
  @Input() label = 'Gender*';
  @Input() control: FormControl;
  @Input() messages: Message;
  @Input()
  radioOptions: Option[] = [
    {
      label: 'Male',
      value: 'm',
    },
    {
      label: 'Female',
      value: 'f',
    },
  ];
}