<template>
  <div class="grid gap-4">
    <AisSelect
        :options="size"
        v-model="selectedSize"
    />
    <div>
      <AisFileUpload v-model="file" native :size="selectedSize"></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 size = [
  'sm', 'md', 'lg',
]

const selectedSize = ref('md')
const file = ref(null)
</script>