<template>
  <RadioGroup
    v-model:value="modelValue"
    @update:value="radioChange"
    v-bind="$attrs"
  >
    <slot />
  </RadioGroup>
</template>

<script lang="ts" setup>
import { RadioGroup } from "ant-design-vue";

interface Props {
  modelValue?: any;
}

// eslint-disable-next-line vue/no-setup-props-destructure
const { modelValue } = defineProps<Props>();
const emit = defineEmits(["update:modelValue"]);

const radioChange = (val) => {
  emit("update:modelValue", val);
};
</script>
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "c-radio-group",
});
</script>

<style scoped></style>
