<template>
  <div class="grid gap-4">
    <AisSelect
        :options="variants"
        v-model="selectedVariant"
    />
    <div>
      <AisFileUpload v-model="file" native :variant="selectedVariant"></AisFileUpload>
    </div>
  </div>
</template>

<script setup>
import {ref} from "vue";
import AisSelect from "@/components/select/AisSelect.vue";
import AisFileUpload from "@/components/fileupload/AisFileUpload.vue";

const variants = [
  'primary', 'secondary', 'default',
  'info', 'success', 'warning', 'danger'
]

const selectedVariant = ref('primary')
const file = ref(null)
</script>