<template>
  <div class="grid gap-8">
    <AisField label="Rows:">
      <AisSelect
          :options="[2, 4, 8]"
          v-model="selectedRows"
          size="sm"
      />
    </AisField>

    <AisField id="" label="Example text area:">
      <AisTextarea
        v-model="sampleText"
        :rows="selectedRows"
      />
    </AisField>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import AisTextarea from '@/components/textarea/AisTextarea.vue'
import AisField from '@/components/field/AisField.vue'
import AisSelect from '@/components/select/AisSelect.vue'

const selectedRows = ref(2)
const sampleText = ref('The quick brown fox jumps over the lazy dog.')
</script>
