<template>
  <div>
    <h2>Basic RadioButton</h2>
    <div v-for="fruit in fruits" :key="fruit" style="margin-bottom:10px">
      <RadioButton name="group1" :inputId="fruit" :value="fruit" v-model="value"></RadioButton>
      <Label :for="fruit">{{fruit}}</Label>
    </div>
    <p v-if="value">You selected: {{value}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: null,
      fruits: ["Apple", "Orange", "Banana"]
    };
  }
};
</script>