<template>
  <label :class="classes" :for="buttonId">
    classes: {{classes}}<br/>
    value: {{value}} <br/>
    modelValue: {{modelValue}} <br/>
    buttonId: {{buttonId}} <br/>
    <input
      :type="inputType"
      
      :id="buttonId"
      :name="groupName"
      :aria-required="isRequired"
      :value="value"
      :checked="isChecked"
      @change="handleSelectionChange"
    />

    <slot></slot>
  </label>
</template>

<script>
import buttonMixin from "@/mixins/button-mixin";
export default {
  name: "button-wrapper",
  mixins: [buttonMixin],
};
</script>
