<template>
  <div class="grid gap-4">
    <AisField label="Label Mode" id="label-mode-select">
      <AisRadioGroup
          :options="['normal', 'transparent', 'sr-only']"
          v-model="mode"
      />
    </AisField>
    <AisField
      id="ex2"
      label="Field Label"
      :labelMode="mode"
    >
      <AisInput placeholder="Example with labelMode" />
    </AisField>
  </div>
</template>

<script setup>
import {ref} from 'vue'
import AisField from '@/components/field/AisField.vue'
import AisInput from '@/components/input/AisInput.vue'
import AisRadioGroup from '@/components/radio-group/AisRadioGroup.vue'

const mode = ref('normal')
</script>


